Forzare l'aggiornamento di CSS e JavaScript

La guida italiana su come forzare l'aggiornamento dei file CSS e JavaScript sul browser che sembra non leggere le modifiche da voi apportate al codice. Se non sapete come fare ad aggiornare il codice del vostro sito (che sembra non cambiare) questa è la guida giusta.

Pubblicato da Lorenzo Campanile

Pubblicato il 20 Agosto 2017

Come fare quando il CSS o il JavaScript sembrano aver smesso di funzionare

Se pensate che il vostro browser non legga i vostri cambiamenti effettuati al codice siete capitati nel posto giusto!

Avete apportato diverse modifiche al codice della vostra pagina web, avete ricaricato la pagina ma non cambia nulla. Sembra che il browser non stia aggiornando i file della pagina. Ecco quindi come fare per forzare il browser a ricaricare la pagina da zero!
Di seguito trovate una serie di metodi sia per forzare l’aggiornamento del CSS sia per forzare l’aggiornarsi del JavaScript.

Metodo 1

Su Windows Ctrl + R ricaricherà la pagina in questo modo.
Su Mac invece bisognerà fare ⌘ + R .

Metodo 2

Se continuate ad avere problemi a ricaricare i file CSS/JavaScript, aprite gli strumenti per sviluppatori ( CTRL + SHIFT + C su Windows oppure ⌘ + SHIFT + C su Mac) prima di ricaricare la pagina.

Metodo 3

Su Chrome, cliccate con il tasto destro sull’icona per ricaricare la pagina in alto e pulite la cache ricaricando la pagina da lì.

Metodo 4

Provate a ricaricare la pagina con CTRL + SHIFT + R su Windows oppure ⌘ + SHIFT + R su Mac.

Metodo 5

Dalle impostazioni degli strumenti per sviluppatori spuntate la voce “Disable cache (while DevTools is open)”.

Metodo 6

Su windows potere provare SHIFT + F5 .

Metodo 7

Copiate e incollate il codice di seguito nell’head della vostra pagina (questo impedirà al browser di salvare la cache su quella pagina)

<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1990 12:00:00 GMT" />

Se avete provato tutti i metodi qui elencati e ancora la pagina non riceve alcun aggiornamento probabilmente il vostro sito di hosting utilizza una qualche forma di cache lato server.
In questo caso conviene aspettare e vedere se dopo un giorno il problema si risolve oppure potete direttamente contattare il vostro provider. Mi sono trovato questa situazione con x10Hosting e non ho ancora risolto, i cambiamenti al mio Editor HTML5 Online avvengono dopo molte ore.
Un ringraziamento agli utenti di questa discussione su Stackoverflow dove ho preso i seguenti metodi.