Prevención del almacenamiento en caché de archivos CSS

Question

Estoy desarrollando un sitio web simple usando PHP.

configuración Desarrollo: WAMP

configuración

Producción: lámpara

Si bien las pruebas, he cambiado mi archivo CSS, pero cuando vuelvo a cargar la página de mi navegador (no estoy seguro) sigue utilizando el antiguo almacenado en caché css.

he hecho un poco buscando en Google y encontró diferentes soluciones que ya he intentado

• Al añadir una consulta al final de css css/main.css?78923
• Usando Ctrl + R (en Firefox) para obligar a ir a buscar del recurso
• Desactivar el almacenamiento en caché de Firefox y usar el complemento Clear Cache de Firefox.

Cuando nada de esto funcionó, he hecho un poco más buscando en Google, donde me encontré con una página de pila (here) en la que alguien sugirió que Apache almacena en caché los recursos. Entonces, el problema no está en Firefox, sino en el servidor. El chico también sugirió una solución que no entendía (yo siendo un novato)

Mi pregunta tiene dos partes:

1. ¿Es cierto que Apache almacena en caché los recursos? (¿Cómo puedo verificar si la mía lo hace?)
2. Cómo evitar que cachee?

PS: Copiar y pegar la solución en cuestión pila (el que tengo más arriba como un enlace) no funcionó :(

Answer 1

He encontré con este problema un par de veces y, generalmente, sobre el problema vienen en los sitios de producción llamando a mi css como esto

<link rel="stylesheet" type="text/css" href="style.css?v=1" /> 

Cuando sacas a cabo una actualización sólo cambia el v=1 a v=2 y obligará a todos los navegadores de los usuarios a tomar las nuevas hojas de estilo. Esto funcionará también para los archivos de script.Si ve el código fuente en Google, notará que también usan este enfoque.

Answer 2

1. Apache (-modules) se pueden almacenar en caché Recursos, pero que es no es su problema actual
2. O desactive su browsercache, descargue la caché al recargar o entregue css con encabezados Modded. Podría escribir una secuencia de comandos que establezca el encabezado de caducidad para que su navegador tenga que obtener una versión nueva de su CSS

De todos modos no entiendo el punto en eso. Para el desarrollo, es mucho más fácil simplemente deshabilitar tu browsercache o presionar Ctrl + r.

Answer 3

Solía ​​tener el mismo problema con mi sistema de desarrollo LAMP, causado por un montaje de red. Logré deshacerme de él agregando estas dos líneas a mi conf de apache.

EnableMMAP off 
EnableSendfile off 

Answer 4

siempre utilizando httcacheclean cuando el cambio algo en los archivos de activos (js, css, etc)

Answer 5

En mis páginas php Yo suelo añadir la fecha y hora actual hasta el final de su href css:

<link rel="stylesheet" type="text/css" href="style.css?<?php echo date('l jS \of F Y h:i:s A'); ?>" /> 

Ref: Here

Answer 6

Sé que esta es una pregunta anterior, pero me encontré con esto y tuve algunos de los mismos problemas. Aquí es una forma rápida de no mantener el caché en cualquier archivo:

<link rel="stylesheet" href="css/style.css?<?=time()?>"> 

Uso de la ayuda a que la nueva versión cada vez que se carga la página.