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

<script src="foo.js?<?php echo date('YmdHis',filemtime('foo.js'));?>"></script>

Elle sera rafraîchie si elle est modifiée.

Answer 2

Et je n'ai vu personne aller à la réponse. Voici une astuce simple pour que le css externe soit chargé à chaque fois

<link rel="stylesheet" href="http://stackoverflow.com/myExternalCss.css?<?=time()?>">

Answer 3

Assurez-vous que cela ne se produit pas à partir de votre DNS. Par exemple, Cloudflare vous permet d'activer le mode de développement qui force une purge de vos feuilles de style et de vos images, car Cloudflare offre un cache accéléré. Cela le désactivera et le forcera à se mettre à jour chaque fois que quelqu'un visite votre site.

Answer 4

Au lieu d'utiliser une balise de lien dans l'en-tête du html vers un fichier css externe, utilisez le php-include :

<style>
<?php
include("style.css");
?>      
</style>

C'est un peu bidon, mais ça marche pour moi :)

Answer 5

Essayez de vider le cache de votre navigateur.