Forcez le navigateur à rafraîchir les CSS, JavaScript, etc.

Question

Je suis en train de développer un site web basé sur le code source de WordPress via XAMPP. Parfois, je modifie le code CSS, scripts ou autre et je remarque que mon navigateur met du temps à appliquer les modifications. Cela m'amène à utiliser plusieurs navigateurs pour en rafraîchir un et s'il n'applique pas les nouveaux styles, j'essaie le deuxième et c'est toujours ça.

Y a-t-il un moyen d'éviter ce problème ?

Parfois, je modifie le code sans remarquer les modifications précédentes.

Answer 1

Vous pouvez désactiver la mise en cache avec la barre d'outils du développeur web de Firefox.

Answer 2

Cette extension Firefox était la seule solution que j'ai pu faire fonctionner : https://addons.mozilla.org/en-us/firefox/addon/css-reloader/

Answer 3

La réponse acceptée ci-dessus est correcte. Si, toutefois, vous souhaitez uniquement recharger le cache périodiquement et que vous utilisez Firefox, les outils du développeur Web (sous l'élément de menu Outils à partir de novembre 2015) offrent une option Réseau. Celle-ci comprend un bouton de rechargement. Sélectionnez le bouton Recharger pour une réinitialisation ponctuelle du cache.

Answer 4

Si vous voulez être sûr que ces fichiers sont correctement rafraîchis par Chrome pour tous les utilisateurs, vous devez avoir must-revalidate en el Cache-Control en-tête. Cela permettra à Chrome de vérifier à nouveau les fichiers pour voir s'ils doivent être réinitialisés.

Recommandez l'en-tête de réponse suivant :

Cache-Control: must-validate

Cela indique à Chrome de vérifier avec le 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 celui qui se trouve dans le cache est à jour.

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

Voici un article de blog qui discute de la question plus en profondeur.

Answer 5

J'ai décidé que, puisque les navigateurs ne vérifient pas les nouvelles versions des fichiers css et js, je renomme mes répertoires css et js chaque fois que je fais un changement. J'utilise css1 à css9 et js1 à js9 comme noms de répertoires. Lorsque j'arrive à 9, je recommence à 1. C'est pénible, mais cela fonctionne parfaitement à chaque fois. Il est ridicule de devoir dire aux utilisateurs de taper .