Heim  >  Artikel  >  Web-Frontend  >  So vermeiden Sie, dass der Browser statische Dateien zwischenspeichert

So vermeiden Sie, dass der Browser statische Dateien zwischenspeichert

青灯夜游
青灯夜游Original
2018-12-25 13:05:015702Durchsuche

Wie kann verhindert werden, dass Browser statische Ressourcen zwischenspeichern? Dieser Artikel stellt Ihnen verschiedene Methoden vor, um zu verhindern, dass Browser statische Ressourcen zwischenspeichern. Ich hoffe, dass er für Freunde hilfreich ist.

So vermeiden Sie, dass der Browser statische Dateien zwischenspeichert

Warum müssen Sie Browser-Caching vermeiden?

In vielen Arbeitsszenarien muss das Browser-Caching vermieden werden. Wenn wir beispielsweise Änderungen an CSS, JS, Bildern usw. vornehmen und die Webseite aktualisieren, hat dies überhaupt keine Auswirkungen Dies liegt daran, dass es einen Grund für das Caching gibt.

Wenn wir daher möglicherweise häufig js oder css ändern müssen, müssen wir verhindern, dass das Surfen zwischengespeichert wird.

Wie kann verhindert werden, dass der Browser-Cache statische Dateien zwischenspeichert?

Lassen Sie uns die Methode vorstellen, um das Caching des Browsers zu verhindern:

1 Wenn Sie das Caching beim Senden einer Anfrage deaktivieren möchten, können Sie den Anfrageheader festlegen:

Cache-Control: no-cache, no-store, must-revalidate

2. Erhöhen Sie die Versionsnummer

Fügen Sie der angeforderten Ressource eine Versionsnummer hinzu, zum Beispiel:

<link rel="stylesheet" type="text/css" href="../css/style.css?version=1.8.9"/>
<script type="text/javascript" src="../js/jquery.min.js?version=1.7.2" ></script>

Der Vorteil dieser Vorgehensweise ist: Dies sollte wirklich zwischengespeichert werden. Beim Zwischenspeichern statischer Dateien können Sie frei steuern, wann der Cache geladen und mit den neuesten Ressourcen aktualisiert werden soll.

3. Verwenden Sie HTML, um das Caching zu deaktivieren.

HTML kann auch das Caching deaktivieren, d. h. ein Meta-Tag zum Head-Tag der Seite hinzufügen. Beispiel:

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>

Hinweis: Obwohl das Caching deaktiviert werden kann, wird es nur von einigen Browsern unterstützt, und da der Proxy keine HTML-Dokumente analysiert, unterstützt der Proxyserver diese Methode nicht.

4. Verwenden Sie Zufallszahlen

Nehmen wir ein einfaches Beispiel, um zu sehen, wie man Zufallszahlen verwendet, um Browser-Caching zu vermeiden

// 方法一: 
document.write( " <script src=&#39;jquery.min.js?rnd= " + Math.random() + " &#39;></s " + " cript> " )
 
// 方法二: 
var  js = document.createElement( " script " )
js.src = " jquery.min.js " + Math.random()
document.body.appendChild(js)

Hinweis: Wie im obigen Beispiel, wenn zufällig Wenn Zahlen verwendet werden, wird die js-Datei niemals zwischengespeichert und muss jedes Mal vom Server neu geladen werden, auch wenn sich nichts ändert.

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird.

Das obige ist der detaillierte Inhalt vonSo vermeiden Sie, dass der Browser statische Dateien zwischenspeichert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Was ist VPS?Nächster Artikel:Was ist VPS?