Comment forcer le débogueur script de Chrome à recharger le javascript ?

Question

J'aime beaucoup la possibilité de modifier le javascript dans le débogueur de chrome. Cependant, je trouve qu'il peut être très problématique de faire en sorte que le débogueur récupère le javascript du serveur.

Parfois, je dois aller jusqu'à simplement fermer le débogueur et recharger la trame fonctionne bien - mais d'autres fois (et dI ne peut pas épingler dans quelles conditions cela se produit), je dois vider mon cache Internet temporaire. Parfois, je jure que je dois fermer complètement chrome, puis vider le cache et ensuite charger la page avant que le débogueur me montre finalement le script le plus à jour.

(NB. Il n'y a pas de mise en cache du script par le serveur web)

Je me demandais si quelqu'un connaissait un moyen rapide et facile d'indiquer au débogueur d'invalider tout son javascript et de le récupérer à nouveau lors du rechargement de la page ?

Answer 1

Pendant que vous développez votre script, essayez de désactiver le cache de Chrome.

Lorsque vous rechargez la page, le JavaScript devrait maintenant être actualisé.

---

Chrome vers 2011

---

Chrome vers 2018

Vous pouvez également y accéder dans l'onglet réseau :

Answer 2

Le menu contextuel illustré ci-dessus est accessible par clic droit / pression et maintien le bouton "recharger", tandis que Chrome Dev Tools est ouvert .

Vider le cache et recharger à fond fonctionne mieux pour moi.

Un autre avantage : Cette option permet de ne pas toucher à tous les autres onglets ouverts et aux données des sites Web. Elle ne recharge et n'efface que la page en cours.

Answer 3

Vous pouvez toujours effacer un fichier spécifique en procédant comme suit :

1. Outils de développement ouverts
2. Cliquez sur l'onglet Sources
3. Trouvez votre script / image / fichier
4. Vérifiez dans le panneau de droite si votre fichier est à jour.

Si non :

1. Faites un clic droit sur la ressource dans le panneau de gauche et choisissez "Ouvrir le lien dans un nouvel onglet".
2. Forcez un rechargement de la ressource avec les méthodes ci-dessus. (Voir l'exemple de @Bishoy Hanna)

C'est très pratique si vous avez des ressources qui sont dans des cadres et des CTRL+F5 n'est pas de les rafraîchir de force.

Answer 4

Shift + F5 efface rapidement le cache.

Answer 5

Pour Google Chrome, ce n'est pas le cas Ctrl + F5 . C'est Shift + F5 pour effacer le cache actuel ! Cela fonctionne pour moi !