web-dev-qa-db-fra.com

Chrome n'efface pas le cache

Je travaille sur un nouveau site et chaque fois que je modifie les paramètres CSS, chrome n’acceptera ces modifications que si je ferme complètement hors de chrome avec le gestionnaire de tâches et le relance. J'ai essayé pas mal de choses. Voici une liste de choses que j'ai essayées:

  • Versionner le fichier CSS (j'utilise un tampon de date PHP à la fin du fichier CSS)
  • Activation de "Effacer le cache lorsque la fenêtre du développeur est ouverte" dans la console du développeur
  • Utilisation de Ctrl + F5 pour effacer le cache lors de l'actualisation
  • Aller à l'application et effacer le stockage dans la console du développeur
  • Effacement du dossier de cache dans AppData local
  • Suppression du fichier CSS du fichier stie, rafraîchissement et lecture.
  • Mode de navigation privée
  • Ajout d'options de lancement au raccourci chrome --disk-cache-dir=null
  • Ajout de plugins de navigation pour supprimer le cache.

Quelqu'un a des idées comment aider? Il est extrêmement ennuyeux et inefficace de fermer chrome à chaque fois que je souhaite vérifier un changement de code CSS. Un autre inconvénient est que j'essaie d'écouter de la musique dans le navigateur, donc si je ferme Chrome, je dois revenir en arrière pour que ma musique soit à nouveau reproduite. C'est extrêmement ennuyeux et beaucoup plus fastidieux que je ne le souhaite. 

J'ai essayé de regarder d'autres articles en ligne sur le contournement de la mémoire cache et d'autres articles sur Stack Overflow, mais j'ai essayé de faire la plupart de ce qu'ils suggèrent et je n'ai encore vu aucun résultat positif. La plupart des articles disent d'ajouter une sorte de chaîne aléatoire ou une version à la fin du fichier CSS en tant que requête GET, mais cela ne fonctionne pas bien que je sache que cela a fonctionné pour moi dans le passé.

htmlcssgoogle-chromecaching
12
AndyPet74

Le serveur de développement exécutait divers outils de mise en cache bien qu'ils auraient dû être désactivés. Après les avoir désactivés, chrome commençait à mieux fonctionner et la plupart du temps, CTRL + F5 faisait l'affaire.

1
AndyPet74

pres f12> f1> réseau> désactiver le cache (lorsque DevTools est ouvert). Cela devrait résoudre votre problème

6
Pizza lord

"effacer le cache" n'est pas aussi facile qu'il le devrait. Au lieu de vider le cache de mes navigateurs, je me suis rendu compte qu'en "touchant" les fichiers du serveur mis en cache changeraient en fait la date et l'heure du fichier source mis en cache sur le serveur (testé sur Edge, Chrome et Firefox) nouvelle copie actuelle de ce qui se trouve sur votre serveur (code, graphiques, multimédia également). Je vous suggère simplement de copier les scripts les plus récents sur le serveur et "touchez-le au toucher" solution avant que votre programme ne s'exécute, de sorte que la date de tous vos fichiers problématiques sera remplacée par la date et l'heure les plus récentes. télécharge une nouvelle copie sur votre navigateur:

  <?php
    touch('/www/sample/file1.css');
    touch('/www/sample/file2.css');
    touch('/www/sample/file2.css');
   ?>

alors ... le reste de votre programme ...

Il a fallu un certain temps pour résoudre ce problème (de nombreux navigateurs agissant différemment selon les commandes, mais ils vérifient tous l’heure des fichiers et se comparent à la copie téléchargée dans votre navigateur. Si la date et l’heure sont différentes, l’actualisation ne peut pas aller dans le bon sens, il y a toujours une autre solution utilisable et meilleure. Cordialement et bon camping. Au fait, touchez (); ou des alternatives fonctionnent dans de nombreux langages de programmation inclus dans javascript en bash sh php javascript et vous pouvez les inclure ou les appeler en html. 

1
Luis H Cabrejo

J'avais le même problème, et je pense que c'est un bug (assez ennuyant) avec chrome. Vous pouvez utiliser le CSS Chrome Reloader Extension pour le résoudre. Pas idéal, mais meilleur 

0
Stormhashe

Si vous essayez de nouvelles mises à jour CSS, je suggère d'utiliser la fonction "Inspecter" de Chrome pour mettre à jour de manière dynamique les paramètres CSS et observer les résultats de manière interactive. Cela peut permettre de gagner du temps lors des cycles de mise à jour par rapport aux modifications manuelles uniquement.

Une autre option à essayer est de définir les méta-tags "cache-control" dans votre section head. Pour le développement/test, vous souhaiterez peut-être ne pas avoir de cache. Pour un vrai site web, vous pouvez avoir une limite d’âge plus courte. Consultez le SO Q & R suivant.

Utilisation de balises META pour activer la mise en cache dans tous les navigateurs?

0
JohnH