So bereinigen Sie automatisch den Cache von JS- und CSS-Dateien

Als Entwickler müssen wir häufig den Cache leeren. Nach dem Aktualisieren der Dateien treten häufig Probleme mit dem Caching auf, aber manchmal haben wir den Code eindeutig geändert, aber es gibt sie Keine Änderung. Lassen Sie uns daher einige Lösungen mit Ihnen teilen.

1. Leeren Sie den Browser-Cache manuell

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

Ich persönlich denke, dass Methode 2 schneller ist weil beim Löschen des Browsers Der Browser-Cache muss noch auf die Antwort des Browsers warten. 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 kann die Versionsnummer automatisch über js zu HTML 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 einen Zeitstempel zu generieren (wenn es sich um eine JSP-Seite handelt). Seite, Sie können 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, um die Versionsnummer hinzuzufügen, z. B. die automatische Konfiguration mit Knoten. js usw.

ps: Der Zweck des Cache-Leerens besteht darin, Seitenaktualisierungen rechtzeitig zu sehen. In diesem Fall, wenn wir die Seite online stellen (d. h. sie in der offiziellen Umgebung bereitstellen und keine erstellen). sich erneut ändert), wird empfohlen, die Versionsnummer zu korrigieren, da auf zwischengespeicherte Seiten schneller zugegriffen werden kann und die feste Versionsnummer ersetzt werden kann, wenn Aktualisierungen erforderlich sind.

Der obige Inhalt zeigt, wie Sie den Cache von JS- und CSS-Dateien in HTML-Seiten automatisch bereinigen. Sie können diese Methode ausprobieren, wenn Sie auf solche Probleme stoßen.

Verwandte Empfehlungen:

Beispiel für die Methode zum Löschen des Caches von Yii_php

PHP löscht regelmäßig Dateien im Ordner (Cache-Dateien bereinigen)

Wie verwende ich PHP-Code im Detail, um Ordner zu löschen und Cache-Instanzen zu löschen?

Das obige ist der detaillierte Inhalt vonSo bereinigen Sie automatisch den Cache von JS- und CSS-Dateien. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!