Arrêter Chrome de mettre en cache mes fichiers JS

J'apporterai une modification à mes fichiers JS mais cela ne changera pas vraiment dans le navigateur, je dois renommer les fichiers à chaque fois pour qu'il les recharge. Y a-t-il une sorte de commande .htaccess que je peux ajouter ou quelque chose pour arrêter la mise en cache?

Il met même en cache mes pages html noyau dur. J'ai besoin de rouvrir tout mon navigateur juste pour voir les changements. Cela pourrait-il être un problème de serveur?

Vous pouvez cliquer sur l'icône des paramètres dans le coin supérieur droit ...| Plus d'outils | Outils de développement | Réseau | Désactiver le cache (lorsque DevTools est ouvert)

Pour Windows, c'est F12ou CTRL + SHIFT + Ipendant que sur mac CMD + SHIFT + Iouvre DevTools.

Nouveau chemin pour la mise à jour Chrome de septembre 2018:

Cliquez sur l'icône des paramètres dans le coin supérieur droit ...| Paramètres | Préférences | Outils de développement | Réseau | Désactiver le cache (lorsque DevTools est ouvert)

Un moyen plus rapide de le faire est de cliquer avec le bouton droit sur l'icône d'actualisation à côté de la barre d'adresse et de choisir Vider le cache et recharger dur.

Assurez-vous simplement que les outils de développement de Chrome sont ouverts. (Appuyez sur F12) Au fait ... Cette astuce ne fonctionne que sur Chrome pour Windows, Ubuntu et Mac OS

Maintenez la touche Maj enfoncée tout en cliquant sur le bouton de rechargement.

ajouter Quelque chose comme script.js?a=[random Number]avec le nombre aléatoire généré par PHP.

Avez-vous essayé expire = 0, le pragma "no-cache" et "cache-control = NO-CACHE"? (Je ne sais pas ce qu'ils disent sur les scripts).

Quelques idées:

1. Lorsque vous actualisez votre page dans Chrome, effectuez un CTRL + F5 pour effectuer une actualisation complète.
2. Même si vous définissez l'expiration sur 0, il sera toujours mis en cache pendant la session. Vous devrez fermer et rouvrir votre navigateur.
3. Assurez-vous que lorsque vous enregistrez les fichiers sur le serveur, les horodatages sont mis à jour. Chrome émettra d'abord une HEADcommande au lieu d'un GET complet pour voir s'il a besoin de télécharger à nouveau le fichier complet, et le serveur utilise l'horodatage pour voir.

Si vous souhaitez désactiver la mise en cache sur votre serveur, vous pouvez faire quelque chose comme:

Header set Expires "Thu, 19 Nov 1981 08:52:00 GM"
Header set Cache-Control "no-store, no-cache, must-revalidate, post-check=0, pre-check=0"
Header set Pragma "no-cache"

Dans .htaccess

Étapes rapides:

1) Ouvrez le tableau de bord des outils de développement en allant dans le menu Chrome -> Outils -> Outils de développement

2) Cliquez sur l'icône des paramètres sur le côté droit (c'est un rouage!)

3) Cochez la case "Désactiver le cache (lorsque DevTools est ouvert)"

4) Maintenant, pendant que le tableau de bord est en place, appuyez simplement sur Actualiser et JS ne sera pas mis en cache!

Le problème est que Chrome doit avoir must-revalidatedans l'en-tête Cache-Control` afin de revérifier les fichiers pour voir s'ils doivent être de nouveau récupérés.

Vous pouvez toujours SHIFT-F5 et forcer Chrome à s'actualiser, mais si vous souhaitez résoudre ce problème sur le serveur, incluez cet en-tête de réponse:

Cache-Control: must-revalidate

Cela indique à Chrome de vérifier auprès du serveur et de voir s'il existe un fichier plus récent. S'il existe un fichier plus récent, il le recevra dans la réponse. Sinon, il recevra une réponse 304, et l'assurance que celle du cache est à jour.

Si vous ne définissez PAS cet en-tête, alors en l'absence de tout autre paramètre qui invalide le fichier, Chrome ne vérifiera jamais avec le serveur s'il existe une version plus récente.

Voici une article de blog qui aborde la question plus en détail.

Lors de la mise à jour de mes applications Web, j'utiliserai un gestionnaire pour renvoyer un seul fichier JS afin d'éviter les appels massifs sur mon serveur, ou j'y ajouterai une petite chaîne de requête:

<script type="text/javascript" src="/mine/myscript?20111205"></script>

<Files *>
Header set Cache-Control: "no-cache, private, pre-check=0, post-check=0, max-age=0"
Header set Expires: 0
Header set Pragma: no-cache
</Files>

Je sais que c'est une «vieille» question. Mais les maux de tête avec la mise en cache ne le sont jamais. Après des tas d'essais et d'erreurs, j'ai découvert que l'un de nos fournisseurs d'hébergement Web avait via CPanel cette application appelée Cachewall. J'ai juste cliqué sur Activer le mode Développement et ... voilà !!! Cela a tout de suite arrêté la longue douleur endurée :) J'espère que cela aide quelqu'un d'autre ... R

J'obtenais le même fichier css lorsque je parcourais le site Web (sur le serveur de la société d'hébergement avec un domaine réel) et je n'ai pas pu obtenir la version mise à jour sur chrome. J'ai pu obtenir la version mise à jour du fichier lorsque je l'ai parcouru sur Firefox. Aucune de ces réponses n'a fonctionné pour moi. J'ai également les fichiers du site Web sur ma machine et je navigue sur le site avec localhost en utilisant mon serveur apache local. J'ai arrêté mon serveur Apache et j'ai pu obtenir le fichier mis à jour. D'une manière ou d'une autre, mon serveur Apache local jouait avec le cache Chrome. J'espère que cela aide quelqu'un car il était très difficile pour moi de résoudre ce problème.

1. Ouvrir les outils de développement

   • Soit F12
   • Ou ...-> More Tools->Developer Tools

2. Cliquez sur Empty Cache and Hard Reload

   • Soit un clic droit sur l'icône d'actualisation (juste à gauche de la barre d'adresse URL)
   • Ou cliquez avec le bouton gauche sur l'icône d'actualisation et maintenez-la enfoncée pendant 1 seconde

Vous pouvez ouvrir une fenêtre de navigation privée à la place. Le passage à une fenêtre de navigation privée a fonctionné pour moi lorsque la désactivation du cache dans une fenêtre chrome normale ne rechargeait toujours pas un fichier JavaScript que j'avais modifié depuis le dernier cache.

https://www.quora.com/Does-incognito-mode-on-Chrome-use-the-cache-that-was-previously-stored