Es muy común que durante el desarrollo de mis proyectos voy haciendo ajustes en los css o js, normalmente yo no tengo tanto problema en hacer una recarga de la web de manera forzada para que actualicé dichos archivos, el problema es con mis clientes que les mando la liga del proyecto y se queda en cache los archivos anteriores y no pueden ver los ajustes, a veces es muy difícil estarles explicando, así que la solución fácil es agregar al final de cada etiqueta del link o script un numero de versión.
En mi caso mis etiquetas están de la siguiente forma:
1 | <link href="assets/css/estilos.css" rel="stylesheet" /> |
Para evitar el cache, hacemos lo siguiente:
1 | <link href="assets/css/estilos.css?ver=1.00" rel="stylesheet" /> |
Agregó la linea ?ver=1.00 despues del .css, de esta forma volverá a cargar la hoja de estilos y se verán aplicados los cambios, también si usas php o js, puedes usar un valor dinámico, para que siempre este cambiando.
1 2 | <link href="assets/css/estilos.css?v=<?php echo(rand()); ?>" rel="stylesheet" /> <script src="assets/js/visual.js?v=<?php echo(rand()); ?>"></script> |
Espero te sea de ayuda