Soluzione del CSS che non si aggiorna nel browser

Soluzione del CSS che non si aggiorna nel browser

Molto spesso può capitare che nonostante le modifiche fatte sui fogli di stile .CSS, quest'ultime non vengono rilevate dal browser in uso.

Il problema sta nella gestione della cache da parte del browser. Cache che si può pulire manualmente ad ogni refresh di pagina ma opzione sconsigliata perché gli utenti che hanno visto almeno una volta la vostra pagina, vedrebbero sempre il vecchio lavoro di sterilizzazione e non il nuovo layout, colori, font etc;

Per risolvere il problema una volta per tutte e non pensarci più la soluzione è molto semplice e veloce;

Basta copiare e incollare di fianco al nome di tutti i vostri file .css collegati alla pagina (tramite il comando link rel="stylesheet") e per i quali la cache non deve avere effetto, la seguente stringa: "?ts="

• Esempio di richiamo css con cache del browser

• Esempio di css sempre elaborato, grazie alla stringa ?ts=, questo il risultato finale;

In questo modo qualsiasi browser ricaricherà da capo tutti i file CSS che tornerà a essere elaborato in modo corretto e potete essere sicuri che tutte le vostre modifiche saranno visualizzate subito al ricaricamento della pagina.