Evitar que css se cargue desde caché
Imagino que deben haber más soluciones para este asunto, pero hasta el momento, esta me ha funcionado mejor que ninguna.
Problema: al editar el archivo css de una página, los cambios no se ven reflejados inmediatamente porque el navegador ocupa el archivo css que está en el caché. Para ver el resultao final, era necesario o borrar caché o entrar en modo de navegación privada.
Esta solución funciona en php, pero puede ser adaptada a cualquier otro lenguaje.
Al momento de incluir la línea dentro del html que llama al css <link rel="stylesheet" href="estilo.css" />
hay que agregar algo que agregue un dato siempre distinto después de css. Puede ser un arreglo con date() o, lo que yo prefiero, un número al azar (rand()
):
echo '<link rel="stylesheet" href="estilo.css?'.rand(0,99999).'" />
Con esto, la llamada al css siempre será distinta, el navegador no la tendrá guardada y los cambios que se hagan al css serán cargados al instante. Siempre y cuando no ocurra que se repita el número al azar (por eso recomendaría usar date('U')
).