Heim > Artikel > Web-Frontend > HTML5-Anwendungen: Offline-Anwendungen und gespeicherte Anwendungen

HTML5-Anwendungen: Offline-Anwendungen und gespeicherte Anwendungen

不言Original: 2018-08-08 09:53:002128Durchsuche

Der Inhalt dieses Artikels befasst sich mit HTML5-Anwendungen: Offline-Anwendungen und Speicheranwendungen. Freunde in Not können darauf verweisen.

1. Offline-Anwendung

Offline-Anwendung ist eine neue Funktion in HTML 5, die Benutzern die Verwendung von Webanwendungen ohne Netzwerkprogramm erleichtern soll.
HTML 5-Offline-Funktionen, einschließlich [Offline-Ressourcen-Cache], [Online-Statusüberwachung] und [Lokale Datenspeicherung].

Offline-Ressourcen-Caching – Online-Ressourcen lokal über den Browser-Mechanismus zwischenspeichern. Wenn Benutzer offline auf die Anwendung zugreifen, werden diese Ressourcendateien automatisch von lokal geladen, sodass Benutzer Apps verwenden können.
Online-Statusüberwachung – Einige Anwendungen müssen für einige Daten mit dem Server interagieren. Anwendungsentwickler müssen wissen, ob der Browser online ist. (window.online = function(){})
Lokale Datenspeicherung – Wenn die Anwendung offline ist, muss das Programm die vom Benutzer generierten Daten lokal speichern, damit sie gespeichert werden können Online gespeichert. Mit dem Server synchronisieren. Zu diesem Zweck stellt HTML 5 verschiedene lokale Speichermechanismen zur Verfügung.

Im Vergleich zu gewöhnlichen Webanwendungen verfügen Offline-Webanwendungen über eine zusätzliche Beschreibungsdatei, um Ressourcen aufzulisten, die [zwischengespeichert werden müssen] und [nie zwischengespeichert werden]. Die Dateierweiterung ist [.appcache] und der MIME-Typ der Beschreibungsdatei ist „text/cache-manifest“.

Der Code der offline.appcache-Datei lautet wie folgt

CACHE MANIFEST
#cache 之后的资源都会被缓存
CACHE:
main.html
style.css
main.js
#network 之后的资源不会被缓存，总是从线上获取
NETWORK:
account/

Wenn Sie die Anwendung offline schalten möchten, verknüpfen Sie einfach die .html-Datei mit dem Manifest Beschreibungsdatei

<html manifest="./offline.appcache"></html>

2.LocalStorage (lokaler Speicher) und SessionStorage (Sitzungsspeicher)

Nachteile von Cookies

Begrenzte Größe – Unter Standardbrowsern beträgt die Größe eines einzelnen Cookies 4 KB.
Leistungsverbrauch – alle http-Anfragen unter der aktuellen Domain enthalten diese Cookie-Daten.

Der lokale Speicherplatz von HTML5 wird jeder Website zugewiesen [5 MB]

Der Unterschied zwischen LocalStorage und SessionStorage
Ersteres wird lokal gespeichert, bis es manuell gelöscht wird; letzteres überlebt den Lebenszyklus der aktuellen Seite. Sobald die Seite geschlossen wird, verschwinden auch die gespeicherten Daten.

Empfohlene verwandte Artikel:

Was ist der Unterschied zwischen Link-Tag-Link-CSS und @import-Laden?

Html5-Canvas-Code zum Zeichnen von Bögen

Html5-Postmessage-Code zur Implementierung der Wertübertragung von untergeordneten zu übergeordneten Fenstern

Das obige ist der detaillierte Inhalt vonHTML5-Anwendungen: Offline-Anwendungen und gespeicherte Anwendungen. 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：HTML5-Canvas implementiert den Beispielcode des GewinnerkarussellsNächster Artikel：HTML5-Canvas implementiert den Beispielcode des Gewinnerkarussells

In Verbindung stehende Artikel

Mehr sehen