Rafraîchissement forcé uniquement des fichiers JavaScript dans Firefox et Chrome

Avec Chrome:

En commençant par Chrome 15, ouvrez les Outils du développeur, cliquez sur la roue dentée en bas à gauche de l'écran et cochez la case Désactiver le cache.

De cette façon, vous serez sûr que les ressources sont toujours rechargées à partir du serveur, et vous n'aurez pas à vider manuellement le cache, ce qui pourrait également supprimer les données mises en cache pour des sites sans rapport.

Je le fais moi-même pour le développement. J'utilise Ctrl+F5. C'est comme un rafraîchissement de la force. Cela rafraîchit la page, y compris le re-téléchargement de tout fichier JavaScript ou CSS référencé, même s'il a été mis en cache.

Cela n'effacera rien d'autre comme votre historique de navigation.

Mais veuillez noter que bien que je sache que cela fonctionne dans Firefox, et probablement Internet Explorer, je ne suis pas sûr que Ctrl+F5 fonctionne de la même manière dans Chrome.

Aussi, iegik dit :

Sur certains navigateurs, vous pouvez utiliser `Ctrl+Maj+R pour faire la même tâche.

Je ne suis pas d'accord avec @7wp. Étant donné que certains de vos utilisateurs finaux ne sont pas familiers avec la fonction Ctrl+F5, et que certains ne sont même pas conscients des différences entre les navigateurs et même de l'existence d'autres navigateurs (les anciens par exemple), vous devriez forcer le navigateur à télécharger une nouvelle copie des fichiers JS/CSS.

La meilleure solution ici est d'ajouter l'horodatage à la fin des noms de fichiers .js/.css, ou d'ajouter la version svn, ce qui est également une bonne idée.

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

Vous pouvez essayer de vider uniquement votre cache, et non l'ensemble de votre navigation, de votre historique, des cookies, des mots de passe, des données de formulaire enregistrées et autres (par défaut).

Dans Firefox 3.5, allez à

Outils “ Effacer l'historique récent…

Puis assurez-vous que seul "Cache” est sélectionné avant de choisir “Effacer maintenant”.

Dans Chrome (je ne sais pas quelle version particulière vous utilisez, car j'utilise les compilations de développement), allez à

Icône de clé (Outils) “ Options ” Onglet Personnel “ Effacer les données de navigation…

Encore une fois, assurez-vous que seule la case "Vider le cache” est cochée.

Vous pouvez aussi essayer d'ouvrir une nouvelle session privée dans Firefox ou une fenêtre Incognito dans Chrome ; il ne faut pas non plus mettre en cache les fichiers (y compris vos fichiers .JS) que vous téléchargez et traitez automatiquement lors de la navigation.

J'ouvre le fichier JavaScript dans un onglet séparé, Shift + rafraîchissement, je vérifie que je vois les derniers changements, puis Shift + rafraîchissement de la page actuelle (en fait, dans mon cas, un cadre dans un frameset, ce qui semble aggraver les choses). Cela fonctionne presque tout le temps.

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

Si vous travaillez avec JavaScript et que vous vous inquiétez de devoir recharger la page pour tenir compte des modifications de JavaScript. Essayez d'utiliser le débogueur de Chrome, où vous pouvez apporter des modifications à votre ou vos fichiers JavaScript chargés au moment de l'exécution et où vous pouvez, sans avoir à recharger, tester les nouvelles fonctions ou les changements que vous souhaitez tester.

Je ne l'ai pas utilisé moi-même, mais l'extension Firefox “Clear Cache Button” 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. Cela forcera le navigateur à charger le fichier JavaScript mis à jour. Autrement dit, en incluant le fichier .js, vous pourriez ajouter …. xyz.js ?

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

Bien sûr, vous pouvez supprimer cette fonction une fois que le débogage est terminé et prêt à être mis en ligne.

Il est disponible dans la dernière version de Chrome :

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

Puis, réactivez JavaScript.