Was sind die HTML5-Offline-Speicher?
Es gibt zwei Arten von HTML5-Offline-Speicher: 1. Lokaler Speicher (lokaler Speicher), der normalerweise zum Zwischenspeichern statischer Ressourcen (statische Seiten) verwendet wird. 2. Anwendungscache (Anwendungscache), der normalerweise zum Zwischenspeichern von AJAX-Anforderungen verwendet wird. kritische AJAX-Daten.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.
Offline-Speichertechnologie
HTML5 schlägt zwei wichtige Offline-Speichertechnologien vor: Localstorage und Application Cache, die beide ihre eigenen Anwendungsszenarien haben; die traditionelle Offline-Speichertechnologie ist Cookie.
(1) Anwendungscache: Wird normalerweise zum Zwischenspeichern statischer Ressourcen (statische Seiten) verwendet.
(2) LocalStorage (lokaler Speicher): Wird normalerweise für das Caching von AJAX-Anfragen verwendet, um nicht kritische AJAX-Daten zu speichern.
Und Cookies können nur einen kleinen Textabschnitt (4096 Byte) speichern. Dies ist einer der Unterschiede zwischen Cookies und der oben genannten Caching-Technologie. Da HTTP zustandslos ist, muss der Server unterscheiden Die Anfrage kommt vom selben Server und diese Aufgabe wird durch Cookies erledigt. Dieser Text wird jedes Mal zwischen dem Server und dem Browser weitergegeben, um die Berechtigungen des Benutzers zu überprüfen.
Daher sind die Anwendungsszenarien von Application Cache unterschiedlich, sodass auch die Verwendung inkonsistent ist.
Was ist Anwendungs-Cache? HTML5 führt die Anwendungs-Caching-Technologie ein, was bedeutet, dass Webanwendungen zwischengespeichert und ohne Netzwerk verwendet werden können. Durch die Erstellung einer Cache-Manifestdatei können Offline-Anwendungen einfach erstellt werden.
Application Cache bietet drei Vorteile:
① Offline-Browsing
② Verbessern Sie die Seitenladegeschwindigkeit
③ Reduzieren Sie den Serverdruck
Und alle gängigen Browser unterstützen Application Cache, auch wenn es nicht unterstützt wird, ist es nicht falsch. Was Welche Auswirkungen hat das Programm?
Welche Anwendung bietet der Offline-Speicher von Application Cache?
Wenn Sie im Flugzeug sitzen, das Mobiltelefonsignal schwach ist oder während einer Vorlesung möglicherweise kein Netzwerk vorhanden ist, können Sie dabei den Offline-Speicher verwenden Zeit
Erkennen Sie, ob das Netzwerk online ist
Da wir es jetzt wissen, wird der Anwendungscache verwendet, um auf dem Client zwischengespeicherte Dateien zu lesen, wenn das Netzwerk offline ist.
Erkennen Sie das Netzwerk-OnLine-Attribut wie folgt:
if (navigator.onLine == true){
alert("正常上网")
}
else{
alert("无法连接网络")
}
So verwenden Sie den Offline-Speicher
Browserseitig
Nur eine einfache Einstellung ist im Browser erforderlich. Fügen Sie das Manifest-Attribut in das -Tag ein
Datei Die empfohlene Erweiterung ist: .appcache. Wenn Sie zum ersten Mal auf die zwischengespeicherten lokalen Dateien der Webseite zugreifen und beim nächsten Mal kein Netzwerk vorhanden ist, gelangen Sie nicht zum Server. Nehmen Sie einfach diese DateilisteServerseiteFügen Sie den korrekt konfigurierten MIME-Typ auf dem Server hinzu. das heißt „text/cache-manifest“. Muss auf dem Webserver konfiguriert werden.Es wird derzeit nicht häufig verwendet, da die meisten Websites über interaktive Funktionen verfügen. Ohne interaktive Funktionen wird die Website zu einer reinen Anzeige und hat wenig Bedeutung.
<html manifest="demo.appcache">
Empfohlenes Tutorial: „
HTML-Video-Tutorial
Das obige ist der detaillierte Inhalt vonWas sind die HTML5-Offline-Speicher?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1378
52
Tabellenrahmen in HTML
Sep 04, 2024 pm 04:49 PM
Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.
HTML-Rand links
Sep 04, 2024 pm 04:48 PM
Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.
Verschachtelte Tabelle in HTML
Sep 04, 2024 pm 04:49 PM
Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.
HTML-Tabellenlayout
Sep 04, 2024 pm 04:54 PM
Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.
HTML-Eingabeplatzhalter
Sep 04, 2024 pm 04:54 PM
Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.
HTML-geordnete Liste
Sep 04, 2024 pm 04:43 PM
Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele
Text in HTML verschieben
Sep 04, 2024 pm 04:45 PM
Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.
HTML-Onclick-Button
Sep 04, 2024 pm 04:49 PM
Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.
