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”.
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()?>"“
Ecco un esempio pratico:
<!-- Miei file CSS --> <link rel="stylesheet" href="StileMenu.css?ts=<?=time()?>""> <link rel="stylesheet" href="StilePresentazione.css?ts=<?=time()?>"">
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.
Comments (6)
Antonino
Grazie mille. Conciso e pratico. Finalmente ho risolto, stavo sclerando non capendo il problema.
Lorenzo Campanile
Grazie Antonino, sono contento ti sia servito! 🙂
Arianna
Il codice deve essere inserito anche nel file HTML o solo nel PHP?
Lorenzo Campanile
Ciao Arianna, non ho ben capito la domanda?
Il “trucchetto” spiegato qui funziona aggiungendo un pezzettino di PHP ad ogni link ai files CSS (dal file .php).
Ad ogni modo altre soluzioni possono essere anche banalmente disattivare la cache per la pagina.
Google Chrome permette di farlo facilmente dalla barra per gli sviluppatori (click destro –> ispeziona).
Quando ho scritto questo articolo in origine, ricordo che fosse meno banale.
Un saluto!
Luisa
Grazie davvero!! Senza la tua guida non sarei riuscita a rendere effettive le modifiche allo stile della mia pagina! <3
Lorenzo Campanile
figurati!!