Me pasa a veces que tengo que eliminar los datos de navegación
, cookies
, caché
, y todo para que recién se actualice los estilos que modifique en el CSS
, que están en otra carpeta como ya saben. Utilizo el IDE NeatBeans
y servidor Apache (XAMPP)
.
-
Si no me equivoco se utilizaban unos metas para no leer el caché, pero no se que es lo ideal, como estos:<meta http-equiv="Expires" content="0"> <meta http-equiv="Last-Modified" content="0"> <meta http-equiv="Cache-Control" content="no-cache, mustrevalidate"> <meta http-equiv="Pragma" content="no-cache">– henrry holmes paytan carreñoCommented el 9 jul. 2018 a las 8:47
-
Aquí tienes una posible solución stackoverflow.com/questions/1922910/…– JokCommented el 9 jul. 2018 a las 8:53
-
1Si el problema lo tienes mientras estás trabajando en tu aplicación puedes forzar una actualización completa de la página pulsando CTRL+F5 en tu navegador. (Si usas MAC creo que el comando es: CMD + SHIFT+R).– FerniCommented el 9 jul. 2018 a las 10:28
-
Yo lo que hago es usar Ctrl + R, recarga todo, si con eso no funciona... abres el inspector y en la pestaña Network, pulsas el boton CSS y recargas la página, te saldrá la lista de css que carga, click derecho, abrir en nueva pestaña a el que no te actualiza y ahi le das Ctrl+R y ya te cargará. A mi me salva a veces– CobasESPCommented el 9 jul. 2018 a las 12:32
-
chrome, firefox y safari tienen una opción en el inspector (devtools/dev menu) para des habilitar el cache (pestaña/sección netwrok/red)– alo MalbarezCommented el 9 jul. 2018 a las 17:37
2 respuestas
Si estás trabajando en el sitio web continuamente y necesitas refrescar los cambios de CSS y JS sin que se almacenen en caché hay algunas opciones.
Puedes colocar en la cabecera lo siguiente:
<head>
<meta http-equiv="Expires" content="0">
<meta http-equiv="Last-Modified" content="0">
<meta http-equiv="Cache-Control" content="no-cache, mustrevalidate">
<meta http-equiv="Pragma" content="no-cache">
</head>
Si tu aplicación está trabajando en php puedes utilizar también:
<?php
header("Cache-Control: no-cache, must-revalidate"); // HTTP/1.1
header("Expires: Sat, 1 Jul 2000 05:00:00 GMT"); // Fecha en el pasado
?>
Ahora bien, este sistema te funcionará si estás constantemente editando los estilos o scripts y necesitas ver resultados al momento.
Otra solución
Quizás la solución más acertada es generar versiones de los estilos o js utilizando ?123
. Por ejemplo, generamos un número random en php y lo asignamos al fichero:
<link rel="stylesheet" href="/css/mi_estilo.css?v=<?php echo(rand()); ?>" />
<script src="/js/mi_script.js?v=<?php echo(rand()); ?>"></script>
-
1muy bueno, me sirvio este <link rel="stylesheet" href="/css/mi_estilo.css?v=<?php echo(rand()); ?>" /> <script src="/js/mi_script.js?v=<?php echo(rand()); ?>"></script>– And BoggCommented el 9 mar. 2020 a las 3:42
Lo mejor que puedes hacer, es agregar la fecha en formato Unix, después de la ruta del archivo, así:
<link rel="stylesheet" href="/css/styles.css?v=<?php echo time(); ?>" />
<script src="/js/functions.js?v=<?php echo time(); ?>"></script>
De esta forma, evitas que si se repite (casualmente) un número generado azarosamente, no cargaras una versión archiva almacenada en la caché del navegador.