google-chrome - guardar - no usar cache chrome




Deshabilitar el caché de Chrome para el desarrollo de sitios web (20)

¿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()
    }) 
  })

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?


  1. F12 para abrir Chrome DevTools
  2. F1 para abrir la configuración de DevTools
  3. 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.


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.


Chrome DevTools puede deshabilitar el caché.

  1. Haga clic con el botón derecho y elija Inspect Element para abrir DevTools. O usa los siguientes atajos de teclado :
    • F12
    • Comando + Opción + i en Mac
    • Control + Shift + i en Windows o Linux
  2. Haga clic en Network en la barra de herramientas para abrir el panel de red.
  3. Marque la casilla de verificación Disable cache en 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é".


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 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.


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:

http://j.mp/15ZdA6f

Verifique Automatically reload active tab after clearing data :

http://j.mp/15ZdGLh

Seleccione Everything para el período de tiempo:

http://j.mp/15ZdPy7

Y luego puedes ir a Menú => Herramientas => Extensiones:

http://j.mp/15ZehfX

Haga clic en los atajos de teclado en la parte inferior:

http://j.mp/15Zepft

Y configura el método abreviado de teclado, por ejemplo Ctrl + Shift + R :

http://j.mp/15Zev6M


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 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. .


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.


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.


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".


  1. Levante la consola del desarrollador de Chrome presionando F12 y luego (con la consola abierta):

  2. 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.







browser-cache