71 votes

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

Je veux effacer uniquement les fichiers JavaScript de mes navigateurs web (Firefox et Chrome). Je fais du débogage JavaScript, et c'est ennuyeux que mon JS ne soit pas mis à jour chaque fois que je change mes fichiers JS. La seule chose que je puisse faire maintenant est d'effacer mes cookies, mais cela efface tout l'historique de ma navigation.

Comment puis-je effacer/rafraîchir les fichiers JavaScript qui ont été chargés dans mes navigateurs sans effacer les autres fichiers ?

51voto

Crippeoblade Points 1301

Avec du chrome :

À partir de 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 .

Disable cache in Chrome 15 and up

De cette façon, vous serez sûr que les ressources sont toujours rechargées depuis le 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 avec le vôtre.

49voto

IronGoofy Points 188

Je le fais moi-même pour le développement. J'utilise Ctrl + F5 . C'est comme un rafraîchissement forcé. Cela permet d'actualiser la page et de télécharger à nouveau tous les fichiers JavaScript ou CSS référencés, même s'ils ont été mis en cache.

Il n'effacera PAS d'autres éléments tels que l'historique de votre navigation.

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

Aussi, iegik dit :

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

11voto

Alon Kogan Points 191

Je ne suis pas d'accord avec @7wp. Puisque certains de vos utilisateurs finaux ne sont pas familiers avec la Ctrl + F5 et certains ne sont même pas conscients des différences entre les navigateurs et même de l'existence d'autres navigateurs (elders par exemple), vous devez 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 excellente idée.

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

5voto

marius Points 141

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

Dans Firefox 3.5, allez dans

Outils " Effacer l'historique récent...

Assurez-vous ensuite que seul "Cache" est sélectionné avant de choisir "Effacer maintenant".

Dans Chrome (je ne connais pas la version que vous utilisez, car j'utilise les versions de développement), allez à l'adresse suivante

Icône de la clé à molette (Outils) " Options " Onglet Objets personnels " 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 ; ces deux outils ne devraient pas mettre en cache les fichiers (y compris vos fichiers .JS) que vous téléchargez et traitez automatiquement lorsque vous naviguez.

2voto

NoProblemBabe Points 991

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

SistemesEz.com

SystemesEZ est une communauté de sysadmins où vous pouvez résoudre vos problèmes et vos doutes. Vous pouvez consulter les questions des autres sysadmins, poser vos propres questions ou résoudre celles des autres.

Powered by:

X