0

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

7
  • 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"> Commented el 9 jul. 2018 a las 8:47
  • Aquí tienes una posible solución stackoverflow.com/questions/1922910/…
    – Jok
    Commented el 9 jul. 2018 a las 8:53
  • 1
    Si 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).
    – Ferni
    Commented 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
    – CobasESP
    Commented 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) Commented el 9 jul. 2018 a las 17:37

2 respuestas 2

5

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>
1
  • 1
    muy 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 Bogg
    Commented el 9 mar. 2020 a las 3:42
4

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.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.