Blog

css-di-merda

Risolvere il CSS che non si aggiorna nel browser

Guide

Risolvere il CSS che non si aggiorna nel browser

Risolvere il CSS che non si aggiorna nel browser

Come fare quando le modifiche non vengono visualizzate al ricaricamento della pagina

A volte può capitare che durante il vostro lavoro di stilizzazione della pagina web smetta di “funzionare”.

Più o meno va così

Viene spontaneo provare a cambiare il codice più volte, ma niente, non cambia nulla. Eppure è tutto perfetto!

Può sembrare che il file .CSS non sia collegato alla pagina HTML/PHP ma controllando è collegato perfettamente e alcune parti sembrano anche funzionare (specie quelle scritte in precedenza del problema)!

Allora cosa non va?

Il problema sta nella gestione della cache da parte del browser. Ovviamente però non si può pulire la cache del browser prima di ogni refresh, perché sarebbe estenuante! Si può comunque tenere premuto Ctrl (o Command se siete su Mac) prima di ogni refresh per risolvere il problema ma di seguito verrà spiegato comunque come risolvere una volta per tutte e non pensarci più!

La soluzione al problema è semplicissima! Basta copiare e incollare di fianco al nome di tutti i vostri file di stilizzazione collegati alla pagina la seguente stringa: “?ts=<?=time()?>&quot

Ecco un esempio pratico:

<!-- Miei file CSS -->
<link rel="stylesheet" href="StileMenu.css?ts=<?=time()?>&quot">
<link rel="stylesheet" href="StilePresentazione.css?ts=<?=time()?>&quot">

 

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

 

Link alla discussione ufficiale di questo articolo sul forum.

Immagine non utilizzabile esternamente.