Comment forcer votre navigateur à actualiser CSS, JavaScript et autres ressources ?

Forcer le navigateur à actualiser CSS, JavaScript et autres éléments

Lors du développement de sites Web, il est frustrant lorsque la mise en cache du navigateur empêche l'application immédiate du code changements. Pour résoudre ce problème, il existe plusieurs méthodes efficaces :

Solution générale :

• Appuyez sur Ctrl F5 (ou Ctrl Shift R sur Mac) pour forcer un rechargement du cache. Cela contourne le mécanisme de mise en cache du navigateur.

Solution PHP :

• En PHP, vous pouvez désactiver la mise en cache en définissant des en-têtes HTTP pour indiquer que les actifs ne doit pas être mis en cache :

header("Expires: Tue, 01 Jan 2000 00:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");

Solution Chrome :

• Ouvrez les outils de développement Chrome (F12).
• Cliquez sur l'icône d'engrenage dans le coin inférieur droit.
• Sélectionnez Désactiver le cache dans la boîte de dialogue des paramètres.

Solution Firefox :

• Dans la barre d'URL de Firefox, tapez about:config.
• Recherchez network.http.use-cache .
• Définissez la valeur sur false.

En utilisant ces techniques, vous pouvez forcer votre navigateur à actualiser immédiatement CSS, JavaScript et d'autres éléments, garantissant ainsi que les changements de code soient appliqués sans délai.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!