Deshabilitar la caché de Chrome para el desarrollo de sitios web
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?
Chrome DevTools puede desactivar el caché.
- Haga clic derecho y elija
Inspect Element
abrir DevTools. O utilice uno de los siguientes atajos de teclado :
- F12
- Control+ Shift+i
- Command+ Shift+i
- Haga clic
Network
en en la barra de herramientas para abrir el panel de red. - Marque la
Disable cache
casilla de verificación en la parte superior.
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 cache
casilla de verificación, al presionar prolongadamente el botón de actualización con DevTools abierto se mostrará un menú con las opciones de Hard Reload
o Empty Cache and Hard Reload
que 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
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.
Abra la consola de desarrollador de Chrome presionando F12y luego (con la consola abierta):
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.