Forzar la actualización sólo de los archivos JavaScript en Firefox y Chrome

Con Chrome:

A partir de Chrome 15, abre las Herramientas de desarrollo, haz clic en la rueda dentada de la parte inferior izquierda de la pantalla y selecciona la casilla Desactivar caché.

De este modo, te asegurarás de que los recursos se recargan siempre desde el servidor, y no tendrás que borrar manualmente la caché, lo que podría eliminar también los datos almacenados en caché de sitios no relacionados.

Yo mismo lo hago para el desarrollo. Uso Ctrl+F5. Es como una actualización forzada. Esto refresca la página incluyendo la re-descarga de cualquier archivo JavaScript referenciado o archivos CSS incluso si estaban en la caché.

NO borrará nada más, como el historial de navegación.

Pero tenga en cuenta que aunque sé que esto funciona en Firefox, y probablemente en Internet Explorer, no estoy seguro de si Ctrl+F5 funciona de la misma manera en Chrome.

También, iegik dice:

En algunos navegadores puede usar `Ctrl+Shift+R para hacer la misma tarea.

No estoy de acuerdo con @7wp. Dado que algunos de tus usuarios finales no están familiarizados con la función Ctrl+F5, y algunos ni siquiera son conscientes de las diferencias entre navegadores e incluso de la existencia de otros navegadores (ancianos por ejemplo) deberías forzar al navegador a descargar una nueva copia de los archivos JS/CSS.

La mejor solución aquí es añadir la marca de tiempo al final de los nombres de los archivos .js/.css, o añadir la versión svn que es una gran idea también.

<script src="js/myfile.js?t=<?=time()?>" type="text/javascript"></script>

Quizá quieras probar a borrar sólo la caché, y no toda la navegación, el historial, las cookies, las contraseñas, los datos de formularios guardados y demás (por defecto).

En Firefox 3.5, ve a

Herramientas “ Borrar el historial reciente…

Luego asegúrate de que sólo está seleccionada la "Caché” antes de seleccionar “Borrar ahora”.

En Chrome (no sé qué versión concreta estás utilizando, ya que yo uso las builds de desarrollo), ve a

Icono de la llave inglesa (Herramientas) “ Opciones ” Pestaña de cosas personales “ Borrar datos de navegación…

De nuevo, asegúrate de que sólo está marcada la opción "Vaciar la caché”.

Como alternativa, puedes probar a abrir una nueva sesión privada en Firefox o una ventana de incógnito en Chrome; ninguna de ellas debería almacenar en caché los archivos (incluidos los archivos .JS) que se descargan y procesan automáticamente al navegar.

Abro el archivo JavaScript en una pestaña separada, Shift + refrescar, verifico que estoy viendo los últimos cambios, y luego Shift + refrescar la página real (en realidad, en mi caso, marco en un conjunto de marcos, que parece empeorar las cosas). Esto funciona casi siempre.

En Chrome basta con pulsar Ctrl y hacer clic en el botón de actualización. Lo descubrí por casualidad.

Si estás trabajando con JavaScript y te preocupa recargar la página para reflejar los cambios de JavaScript. Intenta utilizar el depurador de Chrome, donde puedes hacer cambios en tu(s) archivo(s) JavaScript cargado(s) en tiempo de ejecución y sin utilizar ninguna recarga puedes probar nuevas funciones o cambios que quieras probar.

No lo he utilizado, pero el complemento de Firefox “Botón de limpieza de caché” podría ser útil. He leído su documentación, así que no estoy seguro de si también borra el historial de navegación.

Añade alguna función de fecha dinámica al final de tu archivo JavaScript. Esto forzará al navegador a cargar el archivo JavaScript actualizado. Es decir, al incluir el archivo .js podría añadir …. xyz.js?

< ? php echo date('l jS \of F Y h:i:s A') ? >

Por supuesto, esto podría ser eliminado una vez que su depuración está hecho y listo para ir en vivo.

En la última versión de Chrome está disponible:

Vaya a la configuración del contenido en Chrome, desactive JavaScript y guarde.

A continuación, vuelva a activar JavaScript.