Deshabilitar la caché de Chrome para el desarrollo de sitios web

Resuelto tomermes asked hace 13 años • 35 respuestas

Estoy modificando la apariencia de un sitio (modificaciones CSS) pero no puedo ver el resultado en Chrome debido al molesto caché persistente. Intenté Shift+actualizar pero no funciona.

¿Cómo puedo desactivar el caché temporalmente o actualizar la página de alguna manera para poder ver los cambios?

tomermes avatar Apr 17 '11 06:04 tomermes
Aceptado

Chrome DevTools puede desactivar el caché.

  1. Haga clic derecho y elija Inspect Elementabrir DevTools. O utilice uno de los siguientes atajos de teclado :
  • F12
  • Control+ Shift+i
  • Command+ Shift+i
  1. Haga clic Network en en la barra de herramientas para abrir el panel de red.
  2. Marque la Disable cachecasilla de verificación en la parte superior.

captura de pantalla del panel de herramientas de desarrollo

Tenga en cuenta que, como indica un tweet de @ChromiumDev , esta configuración solo está activa mientras las herramientas de desarrollo están abiertas .

Tenga en cuenta que esto resultará en que se recargarán todos los recursos. Si desea deshabilitar el caché solo para algunos recursos, puede modificar el encabezado HTTP que su servidor envía junto con sus archivos.

Si no desea utilizar la Disable cachecasilla de verificación, al presionar prolongadamente el botón de actualización con DevTools abierto se mostrará un menú con las opciones de Hard Reloado Empty Cache and Hard Reloadque deberían tener un efecto similar. Lea sobre la diferencia entre las opciones para saber cuál elegir. Los siguientes atajos están disponibles:

  • Command+ Shift+ Ren Mac
  • Control+ Shift+ Ren Windows o Linux

pulsación larga

Steve avatar Aug 09 '2011 18:08 Steve

ingrese la descripción de la imagen aquí

Borrar el caché es demasiado molesto cuando necesitas 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 json simulado, javascript, css, html y datos se actualizan cada vez que se carga cada página .

Nunca tendré que preocuparme si necesito borrar mi caché.

Encontré alrededor de 20 limpiadores de caché para Chrome, pero este parecía liviano y sin esfuerzo. En una actualización, Cache Killer ahora puede permanecer "siempre activo".

Nota: No conozco al autor del complemento de ninguna manera. Simplemente lo encontré útil.

dano avatar Aug 02 '2012 21:08 dano

Imagen del menú de recarga

  1. Abra la consola de desarrollador de Chrome presionando F12y luego (con la consola abierta):

  2. Haga clic 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 recarga completa".

Esto irá más allá de la "Recarga completa" para vaciar el caché por completo, asegurando que cualquier cosa descargada mediante javascript, etc. también evitará el uso del caché. No tienes que preocuparte por la configuración ni nada por el estilo, es una solución rápida de un solo uso.

JackArbiter avatar Jan 22 '2014 15:01 JackArbiter