Aggiornare forzatamente solo i file JavaScript in Firefox e Chrome

Con Chrome:

A partire da Chrome 15, aprite gli Strumenti di sviluppo, cliccate sulla ruota dentata in basso a sinistra dello schermo, e selezionate la casella di controllo Disabilita la cache.

In questo modo, sarete sicuri che le risorse sono sempre ricaricate dal server, e non dovrete cancellare manualmente la cache, che potrebbe anche rimuovere i dati della cache per siti non correlati.

Lo faccio io stesso per lo sviluppo. Uso Ctrl+F5. È come un aggiornamento forzato. Questo aggiorna la pagina, incluso il riscaricamento di qualsiasi file JavaScript o CSS di riferimento, anche se erano nella cache.

NON cancellerà nient'altro come la tua cronologia di navigazione.

Ma si prega di notare che anche se so che questo funziona in Firefox, e probabilmente Internet Explorer, non sono sicuro che Ctrl+F5 funzioni allo stesso modo in Chrome.

Inoltre, iegik dice:

In alcuni browser è possibile utilizzare `Ctrl+Shift+R per fare lo stesso compito.

Non sono d'accordo con @7wp. Poiché alcuni dei tuoi utenti finali non hanno familiarità con la funzione Ctrl+F5, e alcuni non sono nemmeno a conoscenza delle differenze tra i browser e persino dell'esistenza di altri browser (anziani per esempio) dovresti forzare il browser a scaricare una nuova copia dei file JS/CSS.

La soluzione migliore qui è aggiungere il timestamp alla fine dei nomi dei file .js/.css, o aggiungere la versione svn che è anche una grande idea.

<script src="js/myfile.js?t=<?=time()?>" type="text/javascript"></script>

Potresti provare a cancellare solo la cache e non l'intera navigazione, la cronologia, i cookie, le password, i dati dei moduli salvati e quant'altro (il default).

In Firefox 3.5, vai su

Strumenti “ Cancella cronologia recente…

Poi assicurati che solo "Cache” sia selezionato prima di selezionare “Cancella ora”.

In Chrome (non so quale versione particolare tu stia usando, dato che io uso le build dev), vai su

Icona Chiave (Strumenti) “ Opzioni ” Scheda Cose personali “ Cancella dati di navigazione…

Di nuovo, assicurati che solo "Svuota la cache” sia selezionato.

In alternativa, puoi provare ad aprire una nuova sessione privata in Firefox o una finestra in incognito in Chrome; nessuna delle due dovrebbe mettere in cache i file (inclusi i tuoi file .JS) che scarichi ed elabori automaticamente durante la navigazione.

Apro il file JavaScript in una scheda separata, Shift + refresh, verifico che sto vedendo le ultime modifiche, poi Shift + refresh della pagina attuale (in realtà, nel mio caso, frame in un frameset, che sembra peggiorare le cose). Questo funziona quasi sempre.

In Chrome puoi semplicemente premere Ctrl e fare clic sul pulsante di aggiornamento. L'ho scoperto per caso.

Se stai lavorando con JavaScript e sei preoccupato di ricaricare la pagina per riflettere i cambiamenti JavaScript. Prova ad usare il debugger di Chrome, dove puoi apportare modifiche ai tuoi file JavaScript caricati in fase di esecuzione e senza usare alcun ricaricamento puoi testare nuove funzioni o modifiche che vuoi testare.

Non l'ho usato io stesso, ma l'add-on di Firefox “Clear Cache Button” potrebbe essere utile. Ho letto la loro documentazione, quindi non sono sicuro che cancelli anche la cronologia di navigazione.

Aggiungete qualche funzione di data dinamica alla fine del vostro file JavaScript. Forzerà il browser a caricare il file JavaScript aggiornato. Cioè, quando si include il file .js si potrebbe aggiungere …. xyz.js?

< ? php echo date('l jS \of F Y h:i:s A') ? >

Naturalmente questo può essere rimosso una volta che il debug è fatto e pronto per andare live.

Nell'ultimo Chrome è disponibile:

Vai alle impostazioni del contenuto in Chrome, disabilita JavaScript e salva.

Poi, abilita nuovamente JavaScript.