Fügen Sie nach js oder css ?v= Versionsnummer hinzu, um das Browser-Caching zu verhindern

Fügen Sie nach js oder css ?v= Versionsnummer hinzu, um das Browser-Caching zu verhindern

Code kopieren
Der Code lautet wie folgt:

<span style="font-size:14px;">css und js mit Parametern (wie .css?v= und .js?v= oder .css?version= und .js?version= )
<script type=”text/javascript” src=”jb51.js?version=1.2.6″></script>
<link rel='stylesheet' href='base.css?version=2.3.3′ type='text/css' />

Es gibt zwei Möglichkeiten, Parameter zu verwenden:

Erstens existiert das Skript nicht, sondern wird dynamisch vom Server generiert und verfügt daher über eine Versionsnummer zur Unterscheidung. Das heißt, der obige Code entspricht der Datei

Code kopieren
Der Code lautet wie folgt:

<Skripttyp = "Text/Javascript" src = "jb51.js"></Skript>
<link rel='stylesheet' href='base.css' type='text/css' />


Der Browser wird jedoch denken, dass es sich um eine bestimmte Version der Datei handelt!

Zweitens speichert der Client diese CSS- oder JS-Dateien im Cache. Daher lädt der Client-Browser jedes Mal, wenn die JS- oder CSS-Datei aktualisiert und die Versionsnummer geändert wird, die neue JS- oder CSS-Datei erneut herunter, was dazu dient, den Cache zu aktualisieren. Manchmal stellen Sie möglicherweise fest, dass der Stil oder das JS nach einer Änderung beim Aktualisieren unverändert bleibt. Dies liegt daran, dass der Client die CSS- oder JS-Datei zwischengespeichert hat. Daher ist das Hinzufügen von Parametern immer noch hilfreich!
Die zweite Situation kommt am häufigsten vor, es können jedoch auch beide Fälle gleichzeitig auftreten. </span>

<<:  Zusammenfassung gängiger Begriffe in CSS (Cascading Style Sheet)

>>:  MySQL-Index-Pushdown in fünf Minuten verstehen

Artikel empfehlen

Welche Vorteile bietet die Verwendung von B+Tree als Index in MySQL?

Inhaltsverzeichnis Warum benötigen Datenbanken In...

Spezifische Verwendung von MySQL-Globalsperren und Sperren auf Tabellenebene

Inhaltsverzeichnis Vorwort Globale Sperre Tabelle...

JavaScript implementiert die Kontrollkästchenauswahlfunktion

In diesem Artikelbeispiel wird der spezifische Ja...

So verwenden Sie die Typerweiterung ohne Typingscript

Vorwort Aufgrund der schwachen Typisierung von JS...

HTML+CSS+jQuery imitiert den Such-Hotlist-Tab-Effekt mit Screenshots

Code kopieren Der Code lautet wie folgt: <!DOC...

So verwenden Sie VUE, um die Ali Iconfont-Bibliothek online aufzurufen

Vorwort Vor vielen Jahren war ich ein Neuling auf...

Zwei Möglichkeiten, den 30-Sekunden-Werbecode aus dem Youku-Video zu entfernen

Ich glaube, jeder kennt dieses Gefühl: Ein Video m...