Question Désactivation du cache Chrome pour le développement de sites Web


Je modifie l'apparence d'un site (modifications CSS) mais je ne peux pas voir le résultat sur Chrome à cause d'un cache persistant agaçant. j'ai essayé Décalage+ rafraîchir mais cela ne fonctionne pas.

Comment puis-je désactiver temporairement le cache ou actualiser la page d'une manière ou d'une autre pour voir les modifications?


1431
2018-04-16 23:10


origine


Réponses:


Le Chrome DevTools peut désactiver le cache.

  1. F12 ou Clic-droit et Inspect Element pour ouvrir les DevTools.
  2. À présent Cliquez sur  Network dans la barre d'outils pour ouvrir le volet réseau.
  3. Finalement, vérifier la Disable cache case à cocher en haut.

screenshot of development tools panel

Gardez à l'esprit, en tant que tweet de @ChromiumDev déclaré, ce paramètre est uniquement actif lorsque devtools est ouvert.

Notez que cela entraînera tout ressources en cours de rechargement. Si vous souhaitez désactiver le cache uniquement pour certaines ressources, vous pouvez modifier l'en-tête HTTP que votre serveur envoie à côté de vos fichiers. Vous pouvez en lire plus à ce sujet ici.


1814
2017-08-09 18:20



enter image description here

Effacement du cache est trop gênant lorsque vous avez besoin d'effacer le cache 30 fois par heure .. J'ai donc installé une extension Chrome appelée Classique Cache Killer Cela efface le cache à chaque chargement de page.

Chrome Store Store (gratuit) (Maintenant sans malware!)

Maintenant, ma maquette json, javascript, css, html et rafraîchissements de données à chaque fois sur chaque chargement de page.

je jamais Je dois m'inquiéter si j'ai besoin de vider mon cache.

Il y a environ 20 nettoyeurs de cache pour Chrome que j'ai trouvé, mais celui-ci semblait léger et sans effort. Dans une mise à jour, Cache Killer peut désormais rester "toujours actif".

Note: Je ne connais pas l'auteur du plugin. Je l'ai trouvé utile.


230
2017-08-02 21:46



Picture of reload menu

  1. Tirez la console du développeur Chrome en appuyant sur F12 puis (avec la console ouverte):

  2. Faites un clic droit (ou maintenez le clic gauche) sur le bouton de rechargement en haut du navigateur et sélectionnez "Cache vide et rechargement dur".

Cela ira au-delà de "Hard Reload" pour vider complètement le cache, en veillant à ce que tout ce qui est téléchargé via javascript ou etc. évitera également d'utiliser le cache. Vous n'avez pas à jouer avec les paramètres ou quoi que ce soit, c'est une solution rapide en une seule fois.


184
2018-01-22 15:29



Il y a deux autres options à désactiver la mise en cache de la page dans Chrome pour de bon:

1. Désactiver le cache Chrome dans le registre

Ouvrir le registre (Démarrer -> Commande -> Regedit)

Rechercher: HKEY_CLASSES_ROOT\ChromeHTML\shell\open\command

Changez la partie après ... chrom.exe "à cette valeur: –disable-application-cache –media-cache-size=1 –disk-cache-size=1 — "%1"

Exemple: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" -disable-application-cache –media-cache-size=1 –disk-cache-size=1 — "%1"

IMPORTANT:

  • il y a un espace et un trait d'union après ... chrome.exe "

  • laissez le chemin d'accès à chrome.exe tel quel

  • Si vous copiez la ligne, assurez-vous de vérifier si les guillemets sont des guillemets réels.

2. Désactivez le cache Chrome en modifiant les propriétés du raccourci

Cliquez avec le bouton droit sur l'icône Chrome et sélectionnez "Propriétés" dans le menu contextuel. Ajouter la valeur suivante au chemin: –disk-cache-size=1

Exemple: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" –disk-cache-size=1

IMPORTANT:

  • il y a un espace et un trait d'union après ... chrome.exe "

  • laissez le chemin d'accès à chrome.exe tel quel


35
2017-08-05 13:42



Si vous ne souhaitez pas modifier les paramètres de Chrome, vous pouvez utiliser le mode navigation privée pour obtenir les mêmes résultats.


22
2018-04-03 01:33



En plus de l'option de désactivation du cache (accessible via un bouton dans le coin inférieur droit de la fenêtre des outils de développement - Tools | Developer Tools, ou Ctrl + Décalage + je), sur le volet réseau des outils de développement, vous pouvez maintenant faire un clic droit et choisir "Effacer le cache" dans le menu contextuel.


20
2017-09-15 15:47



  1. F12 ouvrir Chrome DevTools
  2. F1 ouvrir les paramètres de DevTool
  3. Vérifier Désactiver le cache (alors que DevTools est ouvert) comme indiqué ci-dessous:

Ceci est actuellement sur le Préférences onglet qui est la valeur par défaut. Vous devrez peut-être faire défiler vers le bas. Cette case à cocher a été déplacée au moins plusieurs fois depuis que cette question a été posée. La dernière fois que j'ai vérifié, c'était dans la colonne du milieu en bas. Si vous l'avez ouvert sur un écran plus mince et qu'il y a 2 colonnes sous Préférences, il se peut que ce soit près du coin supérieur droit. N'hésitez pas à mettre à jour ce post s'il change ou commente et je mettrai à jour le post.

enter image description here


19
2018-03-31 16:38



Dans le canal des Canaries (et peut-être le canal dév et stable suivra le long), il s'agit de la deuxième option dans l'ensemble à gauche dans la section "Général".

Disable Cache in Chrome Canary Channel

En plus de cela, il y a toujours la possibilité de passer en mode navigation privée via Ctrl + Shift + N. Même si cela malheureusement met également fin à votre session.


16
2018-03-27 20:28



Au lieu de frapper "F5" Frappez juste:

"Ctrl + F5"


16
2017-11-24 15:56



Pour être clair, la case à cocher désactiver le cache dans Chrome (v17 ici, mais depuis v15 je crois) ne figure pas dans l'interface utilisateur des paramètres principaux. C'est dans l'interface utilisateur des outils de développement.

  1. Dans le menu de l'icône clé de la fenêtre du navigateur (menu Préfs), choisissez Outils → Outils de développement

  2. Dans l'interface utilisateur des outils de développement qui s'affiche, cliquez sur l'icône représentant une roue dentée en bas à droite.

  3. Cochez la case "Désactiver le cache" dans la section Réseau.


13
2017-11-28 01:46



En utilisant Ctrl+Décalage+R rafraîchir était bien mais je n'ai pas eu tout ce dont j'avais besoin. Certaines choses ne seraient pas actualisées, comme les données stockées dans js et css. trouvé une solution: un barre d'outils de google pour les développeurs web chrome. Après avoir installé la barre d'outils, sélectionnez les options et "réinitialiser la page".


13
2018-05-08 12:59