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

Zusammenfassung der 10 am häufigsten gestellten Fragen in Linux-Interviews

Vorwort Wenn Sie sich auf die Stelle eines Betrie...

FastDFS- und Nginx-Integration zur Codeanalyse

FastDFS- und Nginx-Integration: Der Tracker wird ...

Analyse der geplanten Aufgaben und Ereignisplanungsbeispiele von MySQL

Dieser Artikel beschreibt anhand von Beispielen d...

Detaillierte Erläuterung der primitiven Werte und Referenzwerte in ECMAScript

Inhaltsverzeichnis Vorwort Was sind dynamische Ei...

Docker+Nextcloud zum Erstellen eines persönlichen Cloud-Speichersystems

1. Docker-Installation und -Start yum installiere...

Anweisungen zur Verwendung der Option --rm von Docker Run

Wenn der Docker-Container beendet wird, bleibt da...

Tiefgreifendes Verständnis der CSS @font-face-Leistungsoptimierung

In diesem Artikel werden hauptsächlich allgemeine...

Detaillierte Erklärung der Lösung für verweigerte Berechtigungen in Linux

Zugriff verweigert: Der Grund hierfür ist: Es lie...

Prozessdiagramm zum Aufbau des Linux RabbitMQ-Clusters

1. Allgemeine Schritte Zu Beginn haben wir die In...

So implementieren Sie abgerundete Ecken mit CSS3 unter Verwendung von JS

Ich bin auf ein Beispiel gestoßen, als ich nach e...