Heim Web-Frontend H5-Tutorial So aktualisieren Sie Cache-Dateien (JS, CSS oder Bilder) in HTML5 im Time_HTML5-Tutorial

So aktualisieren Sie Cache-Dateien (JS, CSS oder Bilder) in HTML5 im Time_HTML5-Tutorial

May 16, 2016 pm 03:49 PM
html5 缓存

Wenn wir den Offline-Cache verwenden, aktualisieren wir möglicherweise manchmal Ressourcen wie JS, CSS oder Bildaktualisierungen. Aber vor dem Update hat der Benutzer die alte Version der Ressource zwischengespeichert. Wenn er erneut darauf zugreift, verwendet er immer noch die alte Version der Ressource. Wie kann der Benutzer die zwischengespeicherte Ressource rechtzeitig aktualisieren?

Es gibt zwei Hauptmethoden zum Aktualisieren von Cache-Ressourcen: Ändern der Versionsnummer der Konfigurationsdatei oder Aufrufen von js, um die Aktualisierung abzuschließen
js-Aktualisierungsmethode

Code kopieren
Der Code lautet wie folgt:

if (window.applicationCache.status == window.applicationCache .UPDATEREADY) {
window .applicationCache.update(); }

Ändern Sie die Datei
Aktualisieren Sie die Manifestdatei
Der Browser stellt fest, dass das Manifest Die Datei selbst hat sich geändert und die Manifestdatei wird entsprechend der neuen Manifestdatei aktualisiert, um neue Ressourcen für das Caching zu erhalten.
Wenn sich die Manifestdateiliste nicht ändert, ändern wir die Datei normalerweise, indem wir den Manifestkommentar ändern, um die Aktualisierung zu erreichen.
Die Kommentaränderung bezieht sich auf die Versionsnummer der Konfigurationsdatei
Erklärung dieser Website
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

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Verschachtelte Tabelle in HTML

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Tabellenrahmen in HTML

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

HTML-Rand links

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

HTML-Tabellenlayout

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Text in HTML verschieben

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

HTML-geordnete Liste

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

HTML-Onclick-Button

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

HTML-Eingabeplatzhalter

See all articles