Maison > interface Web > tutoriel HTML > Comment nettoyer automatiquement le cache des fichiers js et css

Comment nettoyer automatiquement le cache des fichiers js et css

小云云
Libérer: 2017-11-30 10:02:26
original
2769 Les gens l'ont consulté

En tant que développeur, nous avons souvent besoin de vider le cache. Nous faisons souvent référence aux fichiers css et js. Des problèmes de mise en cache surviennent souvent après la mise à jour des fichiers, mais parfois nous avons clairement modifié le code et lors de son accès sur le navigateur. aucun changement, partageons donc avec vous plusieurs solutions.

1. Videz manuellement le cache du navigateur

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

Personnellement, je pense que la méthode 2 est plus rapide. car effacer le navigateur Le cache du navigateur doit encore 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. peut ajouter automatiquement le numéro de version au HTML via js

<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>
Copier après la connexion

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

<link rel="stylesheet" type="text/css" href="/css/layout.css?v=<%=System.currentTimeMillis() %>">
Copier après la connexion

Méthode 3 : Utilisez d'autres méthodes pour ajouter le numéro de version, comme la configuration automatique avec node. js, etc.

ps : Le but de vider le cache est de voir les mises à jour de la page à temps. Dans ce cas, lorsque nous mettons la page en ligne (c'est-à-dire la déployons dans l'environnement officiel et ne ferons aucun change à nouveau), il est recommandé de corriger le numéro de version, car les pages mises en cache sont accessibles plus rapidement et le numéro de version fixe peut être remplacé lorsque des mises à jour sont nécessaires.

Le contenu ci-dessus explique comment nettoyer automatiquement le cache des fichiers js et css dans les pages HTML. Vous pouvez essayer cette méthode lorsque vous rencontrez de tels problèmes. J'espère qu'elle pourra vous aider.

Recommandations associées :

Exemple Yii clear cache method_php

php supprime régulièrement les fichiers du dossier (nettoyer les fichiers de cache)

Comment utiliser le code php pour supprimer des dossiers et vider les instances de cache en détail ?

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal