1712 votes

La désactivation de google Chrome du cache pour le développement de site web

Je suis la modification de l'apparence d'un site (css modifications), mais ne peut pas voir le résultat sur chrome en raison de gênant cache persistant. J'ai essayé shift+refresh mais ça ne fonctionne pas. comment puis-je désactiver le cache temporairement ou actualiser la page en quelque sorte que j'ai pu voir les changements?

merci.

2080voto

Steve Points 8016

Il y a un engrenage dans le coin en bas à droite de l'outils de développement appelé les paramètres qui vous permet de désactiver le cache.

Sur le pc, vous pouvez ouvrir qu'en appuyant sur ctrl+maj+i

ou sur le mac de commande+option+i

développeur de l'outil de raccourcis

Depuis Chrome 19 le réglage est maintenant en Général.

disable cache in 19

google bug tracker

Il y a maintenant un raccourci sur le Réseau .

network panel shortcut

Un récent tweet de ChromiumDev unis

Chrome DevTools " Désactiver le Cache d'invalider le cache disque (idéal pour le développement!), mais.. ce n'est que tout devtools est visible.

256voto

Evildonald Points 1777

enter image description here

Effacer le cache est trop ennuyeux quand vous avez besoin de vider le cache de 30 fois par heure.. j'ai donc installé une Extension Chrome appelé Cache Killer qui efface le cache à chaque chargement de page.

https://chrome.google.com/webstore/detail/jpfbieopdmepaolggioebjmedmclkbap

Maintenant, ma maquette json, javascript, css, html et les données actualise automatiquement à chaque chargement de page. Je ne jamais avoir à vous inquiéter si j'ai besoin de vider mon cache.

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

Note: je ne connais pas l'auteur du plugin en aucune façon. Je viens de le trouver utile.

206voto

JackArbiter Points 1892

Picture of reload menu

  1. Tirez vers le haut le Chrome developer console en appuyant sur F12 , puis (avec la console):

  2. À droite, cliquez sur (ou maintenez la touche gauche de la souris) sur le bouton de rechargement en haut du navigateur et sélectionnez "Vider le Cache et de Rechargement Dur."

Cela permettra d'aller au-delà en Dur "Recharger" pour vider le cache entièrement, en s'assurant que tout ce qui est téléchargé via javascript ou etc. permettra également d'éviter l'utilisation du cache. Vous n'avez pas à jouer avec les paramètres ou quoi que ce soit, c'est un moyen rapide 1-shot solution.

22voto

Tim Keating Points 2942

En plus de désactiver l'option de mise en cache (que vous obtiendrez via un bouton dans le coin inférieur droit de la fenêtre outils de développement -- Outils | Outils de développement, ou Ctrl + Maj + I), sur le volet réseau des outils de développement, vous pouvez maintenant faire un clic droit et choisissez "Effacer le Cache" dans le menu contextuel.

15voto

Mason Points 1604

Pour être clair, l'option désactiver la case cache en Chrome (v17 ici, mais depuis v15 je crois) n'est pas dans les paramètres principaux de l'INTERFACE utilisateur. C'est dans les outils de développement les paramètres de l'INTERFACE utilisateur.

  1. À partir de la fenêtre du navigateur de l'icône de clé à molette menu (menu des préférences) choisissez Outils → Outils de développement

  2. Dans les outils de développement d'INTERFACE utilisateur qui s'affiche, cliquez sur l'icône d'engrenage en bas à droite.

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

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X