HTML-Seiten bereinigen automatisch den Cache von JS- und CSS-Dateien (fügen automatisch Versionsnummern hinzu)_HTML/Xhtml_Webseitenproduktion

In diesem Artikel wird hauptsächlich die HTML-Seite zum automatischen Bereinigen des Caches von JS- und CSS-Dateien vorgestellt (automatisches Hinzufügen von Versionsnummern). Jetzt werde ich den HTML-Quellcode mit Ihnen teilen Referenz. Freunde, die sich für HTML interessieren, folgen Sie bitte dem Editor, um einen Blick darauf zu werfen

Während des Entwicklungsprozesses von Webprojekten verweisen wir häufig auf CSS- und JS-Dateien Cache tritt häufig nach der Aktualisierung auf Problem (der Code wurde offensichtlich geändert, aber er hat sich beim Zugriff darauf im Browser normalerweise nicht geändert:

1) Leeren Sie den Browser-Cache

2. Fügen Sie die Versionsnummer hinzu (z. B. layout.css?v=1)

Persönlich denke ich, dass Methode 2 schneller ist, da das Löschen des Browser-Cache das Warten auf die Antwort des Browsers erfordert. Da es jedoch mühsam ist, die Versionsnummer jedes Mal zu ändern, müssen Sie eine Möglichkeit finden, die Versionsnummer automatisch hinzuzufügen.

Die folgenden Methoden habe ich gesammelt:

Methode 1: Sie können die Versionsnummer automatisch über js zu HTML hinzufügen. Versionsnummer hinzufügen

 <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>

Methode 2: Wenn es sich um eine JSP-Seite handelt, können Sie Java-Code verwenden, um Zeitstempel zu generieren (Wenn es sich um eine JSP-Seite handelt, können Sie auch Methode eins verwenden, diese Methode ist jedoch bequemer)

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

Methode 3: Verwenden Sie andere Methoden, um die Versionsnummer hinzuzufügen, z. B. die Verwendung von node.jsAutomatische Konfiguration usw.

ps: Der Zweck des Cache-Leerens besteht darin, ihn rechtzeitig anzuzeigen. In Bezug auf den Aktualisierungsstatus der Seite, wenn wir die Seite online stellen (d. h. bereitstellen). Es wird empfohlen, die Versionsnummer zu korrigieren, da auf die zwischengespeicherten Seiten schneller zugegriffen werden kann. Wenn Aktualisierungen erforderlich sind, ersetzen Sie die feste Versionsnummer.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Studium aller hilfreich sein wird und ich hoffe, dass Sie mich sehr unterstützen werden.

Verwandte Empfehlungen:

So verwenden Sie das Span-Tag in HTML

Bildlaufleisten-Stileinstellung von HTML

Warum ist HTML verstümmelt und wie kann man es lösen?

Das obige ist der detaillierte Inhalt vonHTML-Seiten bereinigen automatisch den Cache von JS- und CSS-Dateien (fügen automatisch Versionsnummern hinzu)_HTML/Xhtml_Webseitenproduktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!