google chrome - guardar - Deshabilitar el caché de Chrome para el desarrollo de sitios web
no almacenar cache chrome (30)
Estoy modificando la apariencia de un sitio (modificaciones de CSS) pero no puedo ver el resultado en Chrome debido a la molesta memoria caché persistente. Intenté Shift + actualizar pero no funciona.
¿Cómo puedo deshabilitar el caché temporalmente o actualizar la página de manera que pueda ver los cambios?
¿Cómo puedo deshabilitar el caché temporalmente o actualizar la página de manera que pueda ver los cambios?
No está claro a qué "caché" te refieres. Hay varios métodos diferentes que un navegador puede almacenar en caché de forma persistente. Web Storage es uno de ellos, Cache-Control es otro.
Algunos navegadores también tienen una Cache , utilizada junto con los trabajadores de servicios , para crear aplicaciones web progresivas (PWA) que brindan soporte sin conexión.
Para borrar el caché de un PWA
self.caches.keys().then(keys => { keys.forEach(key => console.log(key)) })
para listar los nombres de las claves de caché, luego ejecute:
self.caches.delete(''my-site-cache'')
para eliminar una clave de caché por nombre (es decir, my-site-cache ). A continuación, actualice la página.
Si ve algún error relacionado con los trabajadores en la consola después de la actualización, es posible que también deba cancelar el registro de los trabajadores registrados:
navigator.serviceWorker.getRegistrations()
.then(registrations => {
registrations.forEach(registration => {
registration.unregister()
})
})
- F12 para abrir Chrome DevTools
- F1 para abrir la configuración de DevTools
- Marque Deshabilitar caché (mientras DevTools está abierto) como se muestra a continuación:
Esto está actualmente en la pestaña Preferencias, que es la predeterminada. Es posible que necesite desplazarse hacia abajo. Esta casilla de verificación se ha movido al menos un par de veces desde que se hizo esta pregunta. La última vez que lo verifiqué, estaba en la columna central en la parte inferior. Si lo tiene abierto en una pantalla más delgada y hay 2 columnas en Preferencias, puede estar cerca de la parte superior derecha. Siéntase libre de actualizar esta publicación si cambia o comenta y actualizaré la publicación.
¿Qué tal un bookmarklet que cambia el nombre de la página para evitar que la página se almacene en caché? En Chrome, crearías un nuevo marcador y luego pegarías el código en la URL. Haga clic en el marcador y la página se volverá a cargar con la marca de tiempo para frustrar el caché.
javascript:(function(){var idx = location.href.indexOf(''?'');var d = new Date();var str = location.href.substr(0,idx) + ''?version='' + d.getTime();location.href=str; void 0;})();
Acabo de quedar atrapado, pero no necesariamente debido a Chrome.
Estoy usando jQuery para hacer solicitudes AJAX. Tenía el atributo de caché establecido en verdadero en la solicitud:
$.ajax({
type: ''GET'',
cache: true,
....
Establecer esto en falso solucionó mi problema pero esto no es ideal.
No tengo idea de dónde se guardan estos datos, pero sí sé que Chrome nunca llegó al servidor para una solicitud.
Además de la opción de deshabilitar caché (a la que se accede mediante un botón en la esquina inferior derecha de la ventana de herramientas del desarrollador: Herramientas | Herramientas del desarrollador, o Ctrl + Mayús + I ), en el panel de red de las herramientas del desarrollador que puede ahora haga clic con el botón derecho y elija "Borrar caché" en el menú emergente.
Agrega esta cadena de código a tu y debería hacer el truco.
<meta name="robots" content="noarchive">
Chrome DevTools puede deshabilitar el caché.
- Haga clic con el botón derecho y elija
Inspect Elementpara abrir DevTools. O usa los siguientes atajos de teclado :- F12
- Comando + Opción + i en Mac
- Control + Shift + i en Windows o Linux
- Haga clic en
Networken la barra de herramientas para abrir el panel de red. - Marque la casilla de verificación
Disable cacheen la parte superior.
Tenga en cuenta que, como se indicó en un tweet de @ChromiumDev , esta configuración solo está activa mientras los devtools están abiertos .
Tenga en cuenta que esto dará como resultado que se recarguen todos los recursos. Si desea deshabilitar la memoria caché solo para algunos recursos, puede modificar el encabezado HTTP que su servidor envía junto con sus archivos.
Si no desea utilizar la casilla de verificación Disable cache , presione prolongadamente el botón de actualización con DevTools abierto y se mostrará un menú con las opciones para Hard Reload o Empty Cache and Hard Reload que deberían tener un efecto similar. Lea acerca de la diferencia entre las opciones . Los siguientes atajos están disponibles:
- Comando + Opción + R en Mac
- Control + Shift + R en Windows o Linux
Desde la versión 50 (si recuerdo bien), la opción "Deshabilitar caché" se eliminó de la Configuración de Devtool. Vaya a la pestaña "Red" y encontrará la opción "Deshabilitar caché".
Deshabilitar el caché en Chrome solo funciona cuando tienes herramientas dev abiertas
El asesino de caché de Chrome es, con mucho, la mejor opción. Dado que la URL de la tienda para instalar el caché killer está inactiva, puede descargar el archivo CRX aquí:
https://www.crx4chrome.com/extensions/jpfbieopdmepaolggioebjmedmclkbap/
una vez descargado el archivo de extensión, abra Chrome -> más herramientas -> extensiones, luego arrastre el archivo CRX desde el Explorador de archivos o su escritorio (dependiendo de la ubicación donde descargó el archivo) en la ventana de Chrome para instalar la extensión.
En el Canal de Canarias (y tal vez el canal de desarrollo y el canal estable seguirán) se encuentra como la segunda opción en general en el lado izquierdo debajo de la sección "General".
Además de eso, siempre existe la opción de cambiar al modo de incógnito mediante Ctrl + Shift + N. Aunque desafortunadamente, también finaliza la sesión.
En lugar de golpear "F5" solo pulsa:
"Ctrl + F5"
En realidad, si no le importa usar el ancho de banda, es más seguro por múltiples razones para deshabilitar el almacenamiento en caché y es recomendado por muchos sitios de seguridad.
Chromium no debe ser lo suficientemente arrogante como para tomar decisiones y hacer cumplir la configuración de los usuarios.
Puede deshabilitar el caché en UNIX con --disk-cache-dir = / dev / null.
Como esto es inesperado, pueden ocurrir bloqueos, pero si lo hacen, entonces eso indicará claramente un error más grave que debería solucionarse en cualquier caso.
Estaba en una situación en la que el navegador cargaba los datos de la memoria caché del disco, incluso si lo había comprobado desactivado (estaba usando Chrome). Todos mis css y js se estaban cargando desde el servidor pero no la página web. Esto estaba pasando tanto en mi local como en la producción.
Para solucionarlo, necesito poner un parámetro adicional en mi url para forzar al navegador a obtener la página web del servidor, incluso el controlador no la necesitaba.
Estaba usando ASP.Net, así que aquí está mi ejemplo
//Controller function
public ActionResult Index()
{
return View();
}
//Link
@Html.Action("Index", "Home", new { ts = DateTime.Now.Ticks.ToString()})
El resultado es que generará un enlace como: http://www.myweb.com/Home/Index?ts=636558555408282209
Esta es mi situación y solución. Esperemos que pueda ayudar a alguien.
Esto podría ayudar a alguien.
He manipulado mi Nginx para el almacenamiento en caché loco. Por lo tanto, deshabilitar el caché en las herramientas de red y borrar explícitamente el caché no funciona.
Una solución muy simple pero aburrida es, acabo de abrir una nueva pestaña de incógnito. ¡Sorprendentemente funciona, todo el tiempo!
Una actualización difícil en modo de incógnito hace el truco cada vez que deseo volver a cargar en el mismo modo.
Hasta que se solucione el error, puede usar el complemento Clear Cache Chrome y también puede configurar un método abreviado de teclado para él.
Después de instalarlo, haga clic derecho y vaya a opciones:
Verifique Automatically reload active tab after clearing data :
Seleccione Everything para el período de tiempo:
Y luego puedes ir a Menú => Herramientas => Extensiones:
Haga clic en los atajos de teclado en la parte inferior:
Y configura el método abreviado de teclado, por ejemplo Ctrl + Shift + R :
Hay dos opciones más para deshabilitar el almacenamiento en caché de la página en Chrome para siempre :
1. Desactivar Chrome Cache en el Registro
Abrir registro (Inicio -> Comando -> Regedit)
Buscar: HKEY_CLASSES_ROOT/ChromeHTML/shell/open/command
Cambie la parte después de ... chrom.exe "a este valor: –disable-application-cache –media-cache-size=1 –disk-cache-size=1 — "%1"
Ejemplo: "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe" -disable-application-cache –media-cache-size=1 –disk-cache-size=1 — "%1"
IMPORTANTE:
hay un espacio y un guión después de ... chrome.exe "
Deja el camino a chrome.exe como está
Si copia la línea, asegúrese de verificar, si las comillas son comillas reales.
2. Desactive el caché de Chrome cambiando las propiedades del acceso directo
Haga clic derecho en el icono de Chrome y seleccione "Propiedades" en el menú contextual. Agregue el siguiente valor a la ruta: –disk-cache-size=1
Ejemplo: "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe" –disk-cache-size=1
IMPORTANTE:
hay un espacio y un guión después de ... chrome.exe "
Deja el camino a chrome.exe como está
Hay una extensión de Chrome disponible en la tienda web de Chrome llamada Clear Cache .
Lo uso todos los días y creo que es una herramienta muy útil. Puede usarlo como un botón de recarga y puede borrar la memoria caché y, si lo desea, también las cookies, el almacenamiento de configuración regional, los datos de formularios, etc. También puede definir en qué dominio ocurre esto. Así que puedes limpiar toda esta mierda con solo el botón de recarga que de todos modos tienes que presionar - en los dominios elegidos.
¡Muy, muy agradable!
También puede definir un atajo de teclado para esto en las opciones!
Otra forma es iniciar la ventana de Chrome en modo incógnito. Aquí el caché también debe estar completamente deshabilitado.
Hay una forma mejor y más rápida ahora (Chrome versión 59.xx):
Haga clic con el botón derecho en el ícono de recarga (a la izquierda del campo url) y obtendrá un menú desplegable, seleccione la tercera opción: ''vaciar caché y recargar duro''.
Esta opción solo está disponible cuando las herramientas del desarrollador están abiertas. (Observe la diferencia con la opción 2: ''Hard recargar'' -cmd-shift-R). No hay caché vaciando aquí!
He usado las otras opciones descritas anteriormente, pero creo que lo mejor es agregar el siguiente parámetro al inicio de chrome.exe.
"C: / Archivos de programa (x86) / Google / Chrome / Application / chrome.exe" --disk-cache-size = 1 -media-cache = 1
Me parece que no deshabilitar el caché de medios es una buena idea, pero está aquí para completar la información.
En realidad, quiero una opción para deshabilitar completamente el caché, para usar la memoria para IO en lugar de mi disco (¡lo que haría que la carga sea 10 veces más rápida también!) Pero no creo que Chrome o ningún navegador tenga esa opción todavía. .
No estoy seguro de lo que está utilizando, pero si está utilizando ASP.Net, puede hacer lo siguiente, que funciona como un encanto:
<link href="@Url.Content("~/Content/Site.css")[email protected]" rel="stylesheet" />
Básicamente, agregará automáticamente la Fecha y la Hora al final del archivo cada vez que se ejecute, lo que significa que, dado que el nombre del archivo es técnicamente diferente, nunca tendrá que preocuparse de que se vuelva a almacenar en caché.
Otra opción para deshabilitar la memoria caché la proporciona mi tercera extensión de Chrome Page Size Inspector que desactiva la memoria caché exactamente de la misma manera que Devtools.
Además, la extensión informa rápidamente el tamaño de la página, el uso del caché, las solicitudes de red y el tiempo de carga de una página web de manera conveniente. Además de su código abierto en Github .
Oye, si tu sitio usa PHP, coloca el siguiente fragmento de código al inicio de tu página html:
//dev versioning - stop caching
$rand = rand(1, 99999999);
Ahora, en todas partes donde se cargan recursos como archivos CSS o JS en un script o elemento de enlace, agrega su valor aleatorio generado a la URL de solicitud después de agregar "?" a la URI a través de PHP:
echo $rand;
¡Eso es! Ya no habrá ningún navegador que almacene en caché su sitio, independientemente de qué tipo.
Por supuesto, elimine su código antes de publicar o simplemente establezca $ rand en una cadena vacía para permitir el almacenamiento en caché nuevamente.
Para que quede claro, la casilla de verificación de deshabilitar caché en Chrome (v17 aquí, pero como creo que v15) no está en la interfaz de usuario de la configuración principal. Está en la interfaz de usuario de configuración de herramientas de desarrollador.
Desde el menú del icono de la llave de la ventana del navegador (menú de preferencias), seleccione Herramientas → Herramientas del desarrollador
En la interfaz de usuario de las herramientas de desarrollador que aparece, haga clic en el icono de engranaje en la parte inferior derecha.
Marque la casilla de verificación ''Deshabilitar caché'' en la sección Red.
Si está utilizando ServiceWorkers (por ejemplo: para aplicaciones web progresivas), es probable que deba consultar "Actualizar al recargar" en Aplicación> Trabajadores de servicio en las herramientas de desarrollo también.
Si no desea editar la configuración de Chrome, puede usar el modo de incógnito para obtener los mismos resultados.
Tuve el mismo problema, lo intenté:
- Control Shift R,
- Deshabilitar el caché en F12
- Control F5.
Entonces descubrí que el uso de un manifiesto .appcache para un sitio que no sea https está en desuso . Quité mi archivo site.appcache y su referencia en la etiqueta html y ahora estoy viendo la última versión de cada página.
Usar Ctrl + Shift + R para actualizar fue agradable, pero no obtuvo todo lo que necesitaba. aún algunas cosas no se actualizan, como los datos almacenados en js y css. Encontré una solución: una barra de herramientas de google para desarrolladores web de chrome . Después de instalar la barra de herramientas, seleccione las opciones y "restablecer página".
Levante la consola del desarrollador de Chrome presionando F12 y luego (con la consola abierta):
Haga clic con el botón derecho (o mantenga presionado el botón izquierdo) en el botón de recarga en la parte superior del navegador y seleccione "Vaciar caché y recargar duro".
Esto irá más allá de la "Recarga difícil" para vaciar el caché por completo, asegurándose de que todo lo que se descargue a través de javascript o etc. también evitará usar el caché. No tiene que meterse con la configuración ni nada, es una solución rápida de 1 disparo.
Borrar el caché es demasiado molesto cuando necesita borrarlo 30 veces por hora ... así que instalé una Extensión de Chrome llamada Classic Cache Killer que borra el caché en cada carga de página.
Chrome Store Link (gratis) (¡Ahora sin malware!)
Ahora mi simulacro de json, javascript, css, html y datos se actualizan cada vez que se carga cada página .
Nunca tengo que preocuparme si necesito borrar mi caché.
Encontré alrededor de 20 limpiadores de caché para Chrome, pero este parecía ligero y sin esfuerzo. En una actualización, Cache Killer ahora puede permanecer "siempre encendido".
Nota: No conozco al autor del plugin de ninguna manera. Acabo de encontrarlo útil.