Désactiver Chrome cache pour le développement du site web

je suis en train de modifier l'apparence d'un site (modifications CSS) mais je ne peux pas voir le résultat sur Chrome à cause du cache persistant ennuyeux. J'ai essayé Shift + refresh mais ça ne marche pas.

Comment puis-je désactiver temporairement le cache ou rafraîchir la page d'une manière que je puisse voir les changements?

1455
demandé sur Pang 2011-04-17 03:10:49
la source

30 ответов

le Chrome DevTools peut désactiver le cache.

  1. F12 ou clic-Droit et Inspect Element pour ouvrir le DevTools.
  2. maintenant cliquez sur Network dans la barre d'outils pour ouvrir le volet Réseau.
  3. enfin, check la case Disable cache en haut.

screenshot of development tools panel

gardez à l'esprit, comme un tweet de @ChromiumDev a déclaré, ce paramètre est seulement actif pendant que devtools est ouvert .

notez que cela entraînera le rechargement de toutes les ressources . 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 savoir plus sur ce ici .

1835
répondu Steve 2018-05-19 09:08:58
la source

enter image description here

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

Chrome Store Lien (gratuit) (maintenant sans logiciels malveillants!)

maintenant ma ma maquette JSON, javascript, css, html et données rafraîchit à chaque fois sur chaque chargement de page .

je jamais avoir de soucis 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 maintenant rester "toujours actif".

Note: Je ne connais pas l'auteur du plugin de quelque manière que ce soit. Je viens de le trouver utile.

233
répondu Evildonald 2017-11-09 01:57:10
la source

Picture of reload menu

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

  2. clic droit (ou maintenez le clic gauche) sur le bouton Recharger en haut du navigateur et sélectionnez" Empty Cache and Hard Reload."

cela ira au-delà du "Hard Reload" 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 une solution rapide d'un coup.

186
répondu JackArbiter 2014-04-11 17:04:07
la source

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

1. Désactiver Chrome Cache dans le Registre

Ouvrir La Base De Registre (Démarrer -> Commande -> Regedit)

recherche de: HKEY_CLASSES_ROOT\ChromeHTML\shell\open\command

modifier 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 "

  • quitter le chemin de chrome.exe que c'est

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

2. Désactiver Chrome cache en changeant les propriétés de raccourci

faites un clic 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 "

  • quitter le chemin de chrome.exe que c'est

37
répondu danielson317 2015-06-26 22:18:35
la source

si vous ne souhaitez pas modifier les paramètres de Chrome, vous pouvez utiliser le mode incognito pour les mêmes résultats.

23
répondu Karl Morrison 2014-04-03 05:33:21
la source

en plus de l'option cache désactivable (à laquelle vous accédez via un bouton dans le coin inférieur droit de la fenêtre developer tools -- Tools | Developer Tools, ou Ctrl + Shift + I ), sur le volet Réseau des developer tools, vous pouvez maintenant clic droit et choisir" Clear Cache " dans le menu contextuel.

20
répondu Tim Keating 2013-10-17 19:16:53
la source
  1. F12 to open Chrome DevTools
  2. F1 pour ouvrir les paramètres DevTools
  3. Vérifier Désactiver le cache (alors que les DevTools est ouvert) comme indiqué ci-dessous:

c'est actuellement sous L'onglet Preferences qui est la valeur par défaut. Vous pourriez avoir besoin de faire défiler vers le bas. Cette case à cocher a été déplacée au moins quelques fois depuis cette question a été posée. Dernière, j'ai vérifié, c'est dans la colonne du milieu en bas. Si vous l'avez ouvert sur un écran plus mince et il y a 2 colonnes sous Préférences, il peut être près du haut à droite. Hésitez pas à mettre à jour ce post si ça change ou un commentaire et je vais mettre à jour le post.

enter image description here

20
répondu Tony L. 2017-12-09 00:03:37
la source

dans le canal Canari (et peut-être que le canal dev et le canal stable suivront) c'est la deuxième option dans l'ensemble sur le côté gauche sous 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 Incognito via Ctrl + Shift + N. même si cela finit malheureusement aussi votre session.

16
répondu Bruiser 2012-03-28 00:28:14
la source

au lieu de frapper " F5"

"Ctrl + F5 "

16
répondu Arvand 2017-05-07 18:08:31
la source

pour être clair, la case à cocher Désactiver du cache dans Chrome (V17 ici, mais depuis v15 je crois) n'est pas dans L'interface principale de paramétrage. C'est dans l'interface de configuration des outils de développement.

  1. à partir de l'icône de clé de la fenêtre du navigateur menu (menu prefs) choisir des outils → Outils de développement

  2. dans L'interface d'outils de développement qui apparaît, cliquez sur l'icône d'engrenage en bas à droite.

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

13
répondu Mason 2011-11-28 05:46:25
la source

utilisant Ctrl + Shift + R pour rafraîchir était agréable, mais n'a pas obtenu tout ce dont j'avais besoin. cependant, certaines choses ne seraient pas rafraîchies, comme les données stockées dans js et css. trouvé une solution: une barre d'outils de google pour les développeurs Web chrome . Après avoir installé la barre d'outils, sélectionnez options et "réinitialiser la page".

13
répondu tomermes 2012-06-20 09:18:34
la source

désactiver le cache dans chrome ne fonctionne que lorsque les outils dev sont ouverts

12
répondu jamiethepiper 2013-03-27 13:54:25
la source

Jusqu'à ce que le bug soit corrigé, vous pouvez utiliser Clear Cache Chrome plugin et vous pouvez également définir un raccourci clavier pour elle.

après l'installation, clic droit et passer aux options:

http://j.mp/15ZdA6f

Vérifier Automatically reload active tab after clearing data :

http://j.mp/15ZdGLh

sélectionner Everything pour la période:

http://j.mp/15ZdPy7

et ensuite vous pouvez aller à Menu = > Tools => Extensions:

http://j.mp/15ZehfX

cliquez sur raccourcis clavier en bas:

http://j.mp/15Zepft

et régler votre raccourci clavier, par exemple Ctrl + Shift + R :

http://j.mp/15Zev6M

11
répondu Răzvan Flavius Panda 2013-09-15 19:07:50
la source

en fait, si cela ne vous dérange pas d'utiliser la bande passante, il est plus sûr pour de multiples raisons de désactiver la mise en cache et conseillé par de nombreux sites de sécurité.

Chromium ne devrait pas être assez arrogant pour prendre des décisions et imposer des paramètres aux utilisateurs.

vous pouvez désactiver le cache sur UNIX avec --disk-cache-dir=/dev/null.

comme c'est inattendu des accidents peuvent se produire, mais s'ils le font, cela indiquera clairement un bug plus grave ce qui devrait être fixé dans tous les cas.

8
répondu Kevin Chadwick 2013-11-18 03:11:54
la source

Cela pourrait aider quelqu'un.

j'ai truqué mon Nginx pour cache folle. Ainsi, désactiver le cache dans les outils réseau et le vider explicitement ne fonctionne pas.

Un très simple mais ennuyeux solution de contournement est, je viens d'ouvrir un nouvel Onglet Incognito. Étonnamment, il travaille, tout le temps!

un rafraîchissement dur en mode incognito fait l'affaire chaque fois que je souhaite recharger dans le même mode.

6
répondu Rexford 2017-01-17 00:00:26
la source

Que Diriez-vous d'un bookmarklet qui change le nom de la page pour empêcher la page de cacheter. Dans Chrome, vous créez un nouveau signet et collez le code dans l'URL. Cliquez sur le signet et la page se rechargera avec horodatage pour contrecarrer le cache.

javascript:(function(){var idx = location.href.indexOf('?');var d = new Date();var str = location.href.substr(0,idx) + '?version=' + d.getTime();location.href=str; void 0;})();
5
répondu mbokil 2013-06-04 01:43:15
la source

je viens de me faire attraper mais pas nécessairement à cause du Chrome.

j'utilise jQuery pour faire des requêtes AJAX. J'avais l'attribut cache défini à true dans la requête:

   $.ajax({
        type: 'GET',
        cache: true,
        ....

paramétrage à false correction de mon problème mais ce n'est pas idéal.

Je n'ai aucune idée de l'endroit où ces données sont enregistrées, mais je sais que chrome n'a jamais accédé au serveur pour une requête.

4
répondu DynamicDan 2013-06-28 15:49:00
la source

il y a une extension chrome disponible dans le chrome web store nommé Clear Cache .

je l'utilise tous les jours et c'est un outil très utile je pense. Vous pouvez l'utiliser comme un bouton de rechargement et peut effacer le cache et si vous aimez aussi les cookies, le stockage local, les données de forme, etc. Vous pouvez également définir sur quel domaine cela se produit. Alors peut effacer toute cette merde avec seulement le bouton de rechargement que vous avez de toute façon à appuyer sur votre choisi domaines.

très très joli!

vous pouvez également définir un raccourci clavier pour cela dans les options!

aussi une autre façon est de démarrer votre fenêtre chrome en mode incognito. Ici, le cache doit aussi être complètement désactivé.

3
répondu chris 2013-05-29 12:27:03
la source

il y a une voie meilleure et plus rapide maintenant (Chrome version 59.x.X.):

clic droit sur l'icône de rechargement (à gauche du champ url) et vous obtenez un menu déroulant, sélectionnez la troisième option: 'empty Cache and Hard reload'.

Cette option n'est disponible que lorsque les outils de développement sont ouverts. (Noter la différence avec l'option 2: 'Hard reload' - cmd-shift-R). Pas de vidange de cache ici!

3
répondu Luftwaffle 2017-06-24 02:48:04
la source

une option de plus pour désactiver le cache est fournie par ma troisième extension Chrome Page Size Inspector qui désactive le cache exactement de la même manière que Devtools.

en outre, l'extension signale rapidement la taille de la page, l'utilisation du cache, les requêtes réseau et le temps de chargement d'une page web d'une manière commode. Plus son open source à Github .

Screenshot - Page Size Inspector

2
répondu Tomi Mickelsson 2016-09-18 23:23:38
la source

pas sûr de ce que vous utilisez, mais si vous utilisez ASP.Net vous pouvez faire ce qui suit qui fonctionne comme un charme:

<link href="@Url.Content("~/Content/Site.css")[email protected]" rel="stylesheet" />

fondamentalement, il ajoutera automatiquement la Date et L'heure à la fin du fichier à chaque fois qu'il est lancé, ce qui signifie que puisque le nom du fichier est techniquement différent, vous n'aurez jamais à vous soucier de le mettre en cache à nouveau.

2
répondu MattE 2017-01-27 17:21:48
la source

Comment puis-je désactiver temporairement le cache ou rafraîchir la page d'une manière que je puisse voir les changements?

on ne sait pas de quelle" cache " il s'agit. il existe plusieurs méthodes différentes qu'un navigateur peut mettre en cache de façon persistante. de Stockage Web est l'un d'eux, Cache-Control étant un autre.

certains navigateurs ont également un Cache , utilisé en conjonction avec Service Workers , pour créer des applications Web progressives (PWAs) fournissant un support hors ligne.

pour vider le cache pour une PWA

self.caches.keys().then(keys => { keys.forEach(key => console.log(key)) })

pour lister les noms des clés de cache, puis exécuter:

self.caches.delete('my-site-cache')

pour supprimer une clé de cache par son nom (i.e., my-site-cache ). Puis rafraîchissez la page.

si vous voyez toutes les erreurs liées aux travailleurs dans la console après rafraîchissement, vous pouvez également avoir besoin de désinscrire Les travailleurs enregistrés:

navigator.serviceWorker.getRegistrations()
  .then(registrations => {
    registrations.forEach(registration => {
      registration.unregister()
    }) 
  })
2
répondu Josh Habdas 2017-04-07 14:07:08
la source

Hey si votre site utilise PHP alors placez le petit extrait de PHP suivant au début de votre page html:

   //dev versioning - stop caching
   $rand = rand(1, 99999999);

maintenant partout où vous chargez des ressources comme des fichiers CSS - ou JS - dans un script ou un élément de lien, vous ajoutez votre valeur aléatoire générée à L'URL de la requête après l'ajout?"à L'URI via PHP:

    echo $rand;

That's it! Il n'y aura plus de navigateur qui cache votre site - quel que soit le type.

bien sûr, supprimez votre code avant de publier ou définissez simplement $rand à une chaîne vide pour permettre la mise en cache à nouveau.

0
répondu Torsten Barthel 2014-01-22 19:02:08
la source

j'ai utilisé les autres options décrites ci-dessus, mais je trouve que le mieux est d'ajouter le paramètre suivant au démarrage de chrome.EXE.

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

je trouve que ne pas désactiver media cache est une bonne idée, mais c'est ici pour être complet.

en réalité je veux une option pour désactiver complètement le cache, pour utiliser la mémoire pour IO au lieu de mon disque (qui ferait le temps de charge 10x plus rapide aussi!) mais je ne pense pas que chrome ou n'importe quel navigateur ait encore cette option.

0
répondu Ahmed 2014-11-15 18:20:05
la source

depuis la version 50 (si je me souviens bien), L'option "Disable cache" a été retirée des paramètres de Devtool. Allez à l'onglet "Réseau" et il y a l'option "Désactiver le cache".

0
répondu boi_echos 2016-12-06 05:25:17
la source

le tueur de Cache de Chrome est de loin la meilleure option. Puisque L'URL du magasin pour installer cache killer est désactivé, vous pouvez télécharger le fichier CRX ici:

https://www.crx4chrome.com/extensions/jpfbieopdmepaolggioebjmedmclkbap /

une fois que le fichier d'extension est téléchargé, ouvrez Chrome -> plus d'Outils -> extensions, puis faites glisser le fichier CRX à partir de L'Explorateur de fichiers ou de votre bureau (en fonction de l'endroit où vous avez téléchargé le file) dans la fenêtre chrome pour installer l'extension.

0
répondu BernieSF 2017-06-14 18:18:47
la source

Ajouter cette chaîne de code pour votre et il devrait faire l'affaire.

<meta name="robots" content="noarchive">
0
répondu Hossein Hajizadeh 2017-09-23 05:13:03
la source

j'ai eu le même problème, j'ai essayé :

  • Poste De Commande R,
  • Désactiver le cache en F12
  • Contrôle F5.

puis j'ai découvert qu'en utilisant A.le manifeste d'appcache pour un site non https est déprécié . J'ai retiré mon site.le fichier appcache et sa référence dans la balise html et maintenant je vois la dernière version de chaque page!

0
répondu Ole EH Dufour 2017-12-14 16:01:28
la source

j'étais dans une situation où le navigateur chargeait les données de cache depuis le disque même si j'ai vérifié qu'il désactivait le cache (J'utilisais Chrome). Tous mes css et js se chargeaient à partir du serveur mais pas la page web. Cela se passait à la fois dans mon local et dans ma Production.

pour le corriger, je dois mettre un param supplémentaire dans mon url pour forcer le navigateur à récupérer la page Web à partir du serveur, même le contrôleur n'en avait pas besoin.

j'utilisais ASP.Net voici donc mon exemple

//Controller function
public ActionResult Index()
    {
        return View();
    }
//Link
@Html.Action("Index", "Home", new { ts = DateTime.Now.Ticks.ToString()})

le résultat est, il générera un lien comme: http://www.myweb.com/Home/Index?ts=636558555408282209

C'est ma situation et ma solution. J'espère que ça pourrait aider quelqu'un.

0
répondu Jansen 2018-03-05 23:07:23
la source

j'utilise (sous windows), ctrl + shift + delete et lorsque le dialogue chrome apparaît, appuyez sur Entrée. Cela peut être configuré avec ce qui doit être effacé chaque fois que vous exécutez cette séquence. Pas besoin d'avoir des dev. les outils ouverts dans ce cas.

0
répondu santon 2018-08-08 18:51:52
la source