php - forzar - recargar pagina sin cache javascript

¿Cómo forzar a un navegador a mostrar los últimos cambios en un archivo CSS?

Question

Hice algunos cambios en un archivo CSS en un sitio PHP.

Los cambios no aparecen en ningún navegador en el que lo pruebe hasta que mantenga presionada la tecla CTRL y haga clic en el botón ACTUALIZAR del navegador.

Esto significa que la mayoría de los usuarios no van a parecer los cambios que hice.

¿Cómo puedo obligar a los navegadores a mostrar los cambios a los archivos CSS de forma inmediata (sin cambiar el nombre del archivo CSS)?

Answer 1

Agregue una cadena única como cadena de consulta al vincular la hoja de estilo. Aquí hay un ejemplo

<link href="style.css?<?=filemtime("style.css")?>" rel="stylesheet" type="text/css" />

Answer 2

Depende de tu servidor web. Apache se puede configurar para configurar el máximo tiempo de caché para un archivo determinado, y estoy bastante seguro de que IIS puede hacer lo mismo.

Alternativamente, una solución común para FORCE desempaquetar es versionar los nombres de sus archivos CSS ( Rails lo hace internamente). Por ejemplo, style.css convierte en style-10162009.css

Answer 3

No puedes.

Si el nuevo archivo CSS tiene el mismo nombre que el anterior, el navegador usará el archivo en caché. Esto significa que tienes que:

1. use alguna forma de `css_filename.css? version_number`
2. o, use otro nombre para el nuevo archivo
3. o haz lo que estás haciendo y usa ctrl + F5