javascript - navegadores - Detener el almacenamiento en caché de Chrome Mis archivos JS

limpiar cache navegador jquery

Question

Haré un cambio en mis archivos JS pero en realidad 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 así para detener el almacenamiento en caché?

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

Answer 1

1. Abrir herramientas de desarrollo

   • O bien F12
   • O ... -> More Tools -> Developer Tools

2. Haga clic en Empty Cache and Hard Reload

   • Haga clic con el botón derecho en el ícono de actualización (justo a la izquierda de la barra de direcciones de URL)
   • O haz clic con el botón izquierdo en el ícono de actualización y sosténlo durante 1 segundo

Answer 2

Al hacer actualizaciones en mis aplicaciones web, utilizaré un controlador para devolver un solo archivo JS para evitar las visitas masivas en mi servidor, o agregaré una cadena de consulta pequeña a ellos:

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

Answer 3

Algunas ideas:

1. Cuando actualice su página en Chrome, realice una CTRL + F5 para realizar una actualización completa.
2. Incluso si configura el vencimiento en 0, aún se almacenará en caché durante la sesión. Tendrá que cerrar y volver a abrir su navegador nuevamente.
3. Asegúrese de que cuando guarde los archivos en el servidor, las marcas de tiempo se actualicen. Chrome emitirá primero un comando HEAD 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

Answer 4

El problema es que Chrome debe tener must-revalidate en el encabezado Cache-Control` para volver a verificar los archivos para ver si deben volver a buscarse.

Siempre puede presionar SHIFT-F5 y forzar que Chrome se actualice, pero si desea solucionar este problema en el servidor, incluya este encabezado de respuesta:

Cache-Control: must-validate

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 memoria caché está actualizado.

Si NO establece este encabezado, entonces, a falta de cualquier otra configuración que invalide el archivo, Chrome nunca consultará con el servidor para ver si hay una versión más nueva.

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

Answer 5

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

Answer 6

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 busqué 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. Cerré mi servidor apache y pude obtener el archivo actualizado. De alguna manera, mi servidor apache local estaba jugando con la memoria caché de Chrome. Espero que esto ayude a alguien, ya que fue muy difícil para mí arreglar esto.

Answer 7

Pasos rápidos:

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

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

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

4) Ahora, mientras el tablero está activo, solo presione actualizar y ¡JS no se almacenará en caché!

Answer 8

Puede abrir una ventana de incógnito en su lugar. El cambio a una ventana de incógnito me funcionó cuando la deshabilitación de la memoria caché en una ventana normal de Chrome aún no volvía a cargar un archivo JavaScript que había cambiado desde la última memoria caché.

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

Answer 9

Sé que esta es una pregunta "vieja". Pero los dolores de cabeza con el almacenamiento en caché nunca lo son. Después de montones 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 desde el principio :) Espero que esto ayude a alguien más ... R

Answer 10

Una forma más rápida de hacerlo es haciendo clic con el botón derecho en el ícono de actualización al lado de la barra de direcciones y seleccionando Vaciar Caché y Recarga Completa

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

Answer 11

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

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

Answer 12

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

Para Windows, este es F12 o CTRL + SHIFT + I mientras que en mac CMD + SHIFT + I abre DevTools.

Answer 13

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