Blog

css-di-merda

Risolvere il CSS che non si aggiorna nel browser

Guide

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.

Comments (6)

  1. Antonino

    Grazie mille. Conciso e pratico. Finalmente ho risolto, stavo sclerando non capendo il problema.

    20 Gennaio 2021 at 13:23
    |Reply
    1. Grazie Antonino, sono contento ti sia servito! 🙂

      23 Gennaio 2021 at 13:22
      |Reply
  2. Arianna

    Il codice deve essere inserito anche nel file HTML o solo nel PHP?

    19 Aprile 2021 at 21:09
    |Reply
    1. 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!

      25 Aprile 2021 at 00:03
      |Reply
  3. Luisa

    Grazie davvero!! Senza la tua guida non sarei riuscita a rendere effettive le modifiche allo stile della mia pagina! <3

    2 Settembre 2021 at 23:58
    |Reply
    1. figurati!!

      13 Settembre 2021 at 00:25
      |Reply

Leave your thought here

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Copyrighted Image