Forcer le rafraîchissement uniquement des fichiers JavaScript dans Firefox et Chrome

J'ai utilisé une petite astuce sur un site sur lequel je travaille... pour les mêmes raisons que vous. Je fais de petites modifications et j'ai du code JavaScript chargé par du code JavaScript et je veux m'assurer que je travaille toujours avec le script actuel (non mis en cache).

Essayez d'intégrer le code JavaScript que vous chargez dans un fichier PHP... en simplifiant <?php ?> au début et mettre sur l'ext de .php.

var fileref = document.createElement('script');
fileref.setAttribute("type", "text/javascript");

// The Date added to the file doesn't effect the results but
// helps Internet Explorer be sure to refresh the data and
// not use cache

var d = new Date();

var t = d.getTime();

fileref.setAttribute("src", filename + ".php?date=" + t);

fileref.setAttribute("id", filename);

Comme le nom change, Internet Explorer pense qu'il s'agit d'un nouveau fichier ;)

Dans Chrome, vous pouvez simplement appuyer sur Ctrl et cliquez sur le bouton d'actualisation. J'ai découvert cela par hasard.

Je ne l'ai pas utilisé moi-même, mais l'extension Firefox "Bouton "Effacer le cache"" pourrait être utile. J'ai lu leur documentation, donc je ne suis pas sûr qu'il efface aussi votre historique de navigation.

Ajoutez une fonction de date dynamique à la fin de votre fichier JavaScript. Elle obligera le navigateur à charger le fichier JavaScript mis à jour. Par exemple, lorsque vous incluez le fichier .js, vous pouvez ajouter .... xyz.js ?

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

Bien entendu, vous pouvez supprimer cette fonction une fois que vous avez terminé le débogage et que vous êtes prêt à passer à l'action.

Allez dans les paramètres de contenu dans Chrome, désactivez JavaScript et enregistrez.

Ensuite, réactivez JavaScript.