Les pages HTML nettoient automatiquement le cache des fichiers js et css (ajoutent automatiquement les numéros de version)_HTML/Xhtml_Production de pages Web

Cet article présente principalement la page HTML pour nettoyer automatiquement le cache des fichiers js et css (ajouter automatiquement les numéros de version). L'éditeur pense que c'est plutôt bien. Maintenant, je vais partager le code source HTML avec vous et lui donner une note. référence. Amis intéressés par HTML, veuillez suivre l'éditeur pour y jeter un œil

Lors du processus de développement de projets Web, nous faisons souvent référence aux fichiers CSS et JS Le cache se produit souvent après la mise à jour du . Problème (le code a évidemment été modifié, mais il n'a pas changé lors de l'accès sur le navigateur). Dans ce cas, nous utilisons généralement les deux solutions suivantes :

1. 🎜>

2. Ajoutez le numéro de version (comme layout.css?v=1)

Personnellement, je pense que la méthode 2 est plus rapide, car vider le cache du navigateur nécessite d'attendre que le navigateur réponde. Mais il est difficile de changer le numéro de version à chaque fois, vous devez donc trouver un moyen d'ajouter automatiquement le numéro de version

Voici les méthodes que j'ai collectées :

Méthode. 1 : Vous pouvez ajouter automatiquement le numéro de version au HTML via js Ajouter le numéro de version

 <script type="text/javascript">  
document.write("<link rel=&#39;stylesheet&#39; type=&#39;text/css&#39; href=&#39;/css/layout.css?v="+new Date().getTime()+"&#39;>");   
</script>

Méthode 2 : S'il s'agit d'une page jsp, vous pouvez utiliser du code java pour générer Timestamp(S'il s'agit d'une page jsp, vous pouvez également utiliser la première méthode, mais cette méthode est plus pratique)

<link rel="stylesheet" type="text/css" href="/css/layout.css?v=<%=System.currentTimeMillis() %>">

Méthode 3 : utilisez d'autres méthodes pour ajouter le numéro de version, par exemple en utilisant node.jsconfiguration automatique, etc.

ps : Notre but en vidant le cache est de le visualiser à temps Concernant l'état de mise à jour de la page, lorsque nous mettons la page en ligne (c'est-à-dire la déployons à l'environnement officiel et n'apportera plus aucune modification), il est recommandé de corriger le numéro de version, car les pages mises en cache sont accessibles plus rapidement lorsque des mises à jour sont nécessaires, remplacez le numéro de version corrigé.

Ce qui précède représente l’intégralité du contenu de cet article. J’espère qu’il sera utile à l’étude de chacun et j’espère que vous me soutiendrez beaucoup.

Recommandations associées :

Comment utiliser la balise span en html

Paramètres de style de barre de défilement pour HTML

Pourquoi le HTML est-il tronqué et comment le résoudre

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!