Comment éviter que le navigateur mette en cache les fichiers statiques

Comment empêcher les navigateurs de mettre en cache les ressources statiques ? Cet article vous présentera plusieurs méthodes pour empêcher les navigateurs de mettre en cache des ressources statiques. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Pourquoi devez-vous éviter la mise en cache du navigateur ?

De nombreux scénarios au travail doivent éviter la mise en cache du navigateur. Par exemple : lorsque nous apportons des modifications aux CSS, js, images, etc. et actualisons la page Web, cela n'a aucun effet. . C'est parce qu'il y a une raison pour la mise en cache.

Par conséquent, lorsque nous devons modifier fréquemment js ou css, nous devons empêcher la navigation de se mettre en cache.

Comment empêcher le cache du navigateur de mettre en cache les fichiers statiques ?

Nous présenterons ici la méthode pour empêcher le navigateur de se mettre en cache :

1 Si vous souhaitez désactiver la mise en cache lors d'une requête, vous pouvez définir l'en-tête de la requête. :

Cache-Control: no-cache, no-store, must-revalidate

2. Augmentez le numéro de version

Ajoutez un numéro de version à la ressource demandée, par exemple :

<link rel="stylesheet" type="text/css" href="../css/style.css?version=1.8.9"/>
<script type="text/javascript" src="../js/jquery.min.js?version=1.7.2" ></script>

Le. L'avantage de ceci est : c'est vraiment En mettant en cache les fichiers statiques lorsqu'ils doivent être mis en cache, vous pouvez librement contrôler quand les charger et mettre à jour le cache avec les dernières ressources.

3. Utilisez HTML pour désactiver la mise en cache

HTML peut également désactiver la mise en cache, c'est-à-dire ajouter une balise méta à la balise head de la page. Exemple :

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>

Remarque : Bien que la mise en cache puisse être désactivée, seuls certains navigateurs la prennent en charge, et comme le proxy n'analyse pas les documents HTML, le serveur proxy ne prend pas en charge cette méthode.

4. Utilisez des nombres aléatoires

Prenons un exemple simple pour voir comment utiliser des nombres aléatoires pour éviter la mise en cache du navigateur

// 方法一： 
document.write( " <script src=&#39;jquery.min.js?rnd= " + Math.random() + " &#39;></s " + " cript> " )
 
// 方法二： 
var  js = document.createElement( " script " )
js.src = " jquery.min.js " + Math.random()
document.body.appendChild(js)

Remarque : comme dans l'exemple ci-dessus, si random est utilisé Si tel est le cas, le fichier js ne sera jamais mis en cache et devra être rechargé depuis le serveur à chaque fois, même si rien ne change.

Résumé : Ce qui précède est l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun.

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!