Detener el almacenamiento en caché de Chrome Mis archivos JS

Haré un cambio en mis archivos JS pero realmente no cambiará en el navegador, tengo que cambiar el nombre de los archivos cada vez para que se vuelva a cargar. ¿Hay algún tipo de comando .htaccess que pueda agregar o algo para que deje de almacenar en caché?

Incluso está almacenando en caché mis páginas html hard core. Necesito volver a abrir todo mi navegador solo para ver los cambios. ¿Podría ser un problema del servidor?

Puede hacer clic en el icono de configuración en la esquina superior derecha ...| Más herramientas | Herramientas para desarrolladores | Red | Deshabilitar caché (mientras DevTools está abierto)

Para Windows, esto es F12o CTRL + SHIFT + Imientras que en Mac CMD + SHIFT + Iabre DevTools.

Nueva ruta para la actualización de Chrome en septiembre de 2018:

Haga clic en el icono de configuración en la esquina superior derecha ...| Configuraciones | preferencias | Herramientas para desarrolladores | Red | Deshabilitar caché (mientras DevTools está abierto)

Una forma más rápida de hacerlo es haciendo clic con el botón derecho en el icono de actualización junto a la barra de direcciones y seleccionando Vaciar caché y Recarga dura

Solo asegúrate de que las herramientas de desarrollo de Chrome estén abiertas. (Presione F12) Por cierto ... Este truco solo funciona en Chrome para Windows, Ubuntu y Mac OS

Mantenga presionada la tecla Mayús mientras hace clic en el botón de recarga.

agregue algo parecido script.js?a=[random Number]con el número aleatorio generado por PHP.

¿Has probado expire = 0, el pragma "no-cache" y "cache-control = NO-CACHE"? (No sé lo que dicen sobre los guiones).

Algunas ideas

1. Cuando actualice su página en Chrome, haga CTRL + F5 para realizar una actualización completa.
2. Incluso si establece la caducidad en 0, todavía se almacenará en caché durante la sesión. Tendrá que cerrar y volver a abrir su navegador nuevamente.
3. Cuando guarde los archivos en el servidor, asegúrese de que las marcas de tiempo se actualicen. Chrome primero emitirá un HEADcomando en lugar de un GET completo para ver si necesita descargar el archivo completo nuevamente, y el servidor usa la marca de tiempo para ver.

Si desea deshabilitar el almacenamiento en caché en su servidor, puede hacer algo como:

Header set Expires "Thu, 19 Nov 1981 08:52:00 GM"
Header set Cache-Control "no-store, no-cache, must-revalidate, post-check=0, pre-check=0"
Header set Pragma "no-cache"

En .htaccess

Pasos rápidos:

1) Abra el panel de herramientas de desarrollador yendo al menú de Chrome -> Herramientas -> Herramientas de desarrollador

2) Haga clic en el icono de configuración en el lado derecho (¡es un engranaje!)

3) Marque la casilla "Desactivar caché (cuando DevTools esté abierto)"

4) Ahora, mientras el tablero está arriba, solo presiona actualizar y JS no se almacenará en caché.

El problema es que Chrome debe tener must-revalidateen el encabezado Cache-Control` para volver a verificar los archivos para ver si es necesario volver a buscarlos.

Siempre puede SHIFT-F5 y forzar a Chrome a actualizar, pero si desea solucionar este problema en el servidor, incluya este encabezado de respuesta:

Cache-Control: must-revalidate

Esto le dice a Chrome que verifique con el servidor y vea si hay un archivo más nuevo. SI hay un archivo más nuevo, lo recibirá en la respuesta. De lo contrario, recibirá una respuesta 304 y la garantía de que el que está en la caché está actualizado.

Si NO configura este encabezado, en ausencia de cualquier otra configuración que invalide el archivo, Chrome nunca verificará con el servidor para ver si hay una versión más nueva.

Aquí hay una publicación de blog que analiza el tema más a fondo.

Al realizar actualizaciones en mis aplicaciones web, usaré un controlador para devolver un solo archivo JS para evitar los golpes masivos en mi servidor, o agregarles una pequeña cadena de consulta:

<script type="text/javascript" src="/mine/myscript?20111205"></script>

<Files *>
Header set Cache-Control: "no-cache, private, pre-check=0, post-check=0, max-age=0"
Header set Expires: 0
Header set Pragma: no-cache
</Files>

Sé que esta es una pregunta "antigua". Pero los dolores de cabeza con el almacenamiento en caché nunca lo son. Después de un montón de pruebas y errores, descubrí que uno de nuestros proveedores de alojamiento web tenía a través de CPanel esta aplicación llamada Cachewall. Acabo de hacer clic en Habilitar modo de desarrollo y ... ¡voilà! Detuvo el dolor sufrido durante mucho tiempo :) Espero que esto ayude a alguien más ... R

Obtuve el mismo archivo CSS cuando navego por el sitio web (en el servidor de la empresa de alojamiento con dominio real) y no pude obtener la versión actualizada en Chrome. Pude obtener la versión actualizada del archivo cuando lo examiné en Firefox. Ninguna de estas respuestas funcionó para mí. También tengo los archivos del sitio web en mi máquina y navego por el sitio con localhost usando mi servidor apache local. Apagué mi servidor apache y pude obtener el archivo actualizado. De alguna manera, mi servidor local de Apache estaba jugando con el caché de Chrome. Espero que esto ayude a alguien, ya que fue muy difícil para mí arreglar esto.

1. Abrir herramientas de desarrollador

   • Cualquiera de F12
   • O ...-> More Tools->Developer Tools

2. Hacer clic Empty Cache and Hard Reload

   • Haga clic con el botón derecho en el icono de actualización (justo a la izquierda de la barra de direcciones URL)
   • O haga clic con el botón izquierdo en el icono de actualización y manténgalo presionado durante 1 segundo

En su lugar, puede abrir una ventana de incógnito. Cambiar a una ventana de incógnito funcionó para mí cuando deshabilitar el caché en una ventana normal de Chrome todavía no volvía a cargar un archivo JavaScript que había cambiado desde el último caché.

https://www.quora.com/Does-incognito-mode-on-Chrome-use-the-cache-that-was-previously-stored