Forzar actualización del navegador: invalidación de caché para CSS y JavaScript

Al desarrollar sitios web, es frustrante encontrar problemas de almacenamiento en caché del navegador que impiden que se realicen actualizaciones inmediatas. reflejándose en la pantalla. Esto puede generar confusión y pérdida de tiempo. Afortunadamente, existen métodos para forzar la actualización del navegador y garantizar que el código modificado se aplique rápidamente.

Solución general

La solución más efectiva es una actualización completa del navegador, que se logra presionando Ctrl Shift R o Cmd Shift R en una Mac. Esto omite el contenido almacenado en caché y recupera datos nuevos del servidor.

PHP

Para sitios web basados ​​en PHP, se puede modificar un script PHP para deshabilitar el almacenamiento en caché. Esto se puede hacer estableciendo el encabezado de vencimiento en una fecha pasada, marcando efectivamente el contenido como vencido:

header("Expires: Tue, 01 Jan 2000 00:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");

Chrome

Google Chrome proporciona una opción en sus herramientas de desarrollador para deshabilitar el almacenamiento en caché. Para acceder a él, presione F12, haga clic en el ícono de ajustes y seleccione "Desactivar caché" en el cuadro de diálogo de configuración.

Firefox

En Firefox , ingrese about:config en la barra de URL y busque la preferencia titulada network.http.use-cache. Establezca este valor en falso para deshabilitar el almacenamiento en caché del navegador.