Cache von JS- und CSS-Dateien in HTML-Seiten automatisch leeren (Versionsnummern automatisch hinzufügen)

Bei der Entwicklung von Webprojekten verweisen wir häufig auf CSS- und JS-Dateien. Nach dem Aktualisieren der Dateien treten häufig Cache-Probleme auf (der Code wurde geändert, hat sich jedoch beim Zugriff über den Browser nicht geändert). In diesem Fall verwenden wir normalerweise die folgenden zwei Lösungen:

1. Browser-Cache manuell leeren

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

Ich persönlich denke, dass Methode 2 schneller ist, da man beim Leeren des Browser-Cache auf eine Reaktion des Browsers warten muss. Da es jedoch mühsam ist, die Versionsnummer jedes Mal zu ändern, müssen wir eine Möglichkeit finden, die Versionsnummer automatisch hinzuzufügen.

So habe ich es gesammelt:

Methode 1: Sie können HTML automatisch eine Versionsnummer über js hinzufügen

 <Skripttyp="text/javascript">  
Dokument.schreiben("<link rel='stylesheet' type='text/css' href='/css/layout.css?v="+new Date().getTime()+"'>");   
</Skript>

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

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

Methode 3: Verwenden Sie andere Methoden zum Hinzufügen von Versionsnummern, z. B. die automatische Konfiguration mit node.js

ps: Der Zweck des Leerens des Caches besteht darin, den Aktualisierungsstatus der Seite rechtzeitig anzuzeigen. Wenn wir die Seite online stellen (d. h. sie in der formellen Umgebung bereitstellen und keine Änderungen vornehmen), wird empfohlen, die Versionsnummer zu korrigieren, da auf die zwischengespeicherte Seite schneller zugegriffen werden kann. Wenn sie aktualisiert werden muss, ersetzen Sie die korrigierte Versionsnummer.

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.