Der Offline-Zugriff wird für webbasierte Anwendungen immer wichtiger. Obwohl alle Browser zwischen Zwischenspeichern sind, sind sie nicht zuverlässig und spielen möglicherweise nicht immer die erwartete Rolle. HTML5 verwendet die ApplicationCache -Schnittstelle, um einige der Probleme zu lösen, die durch den Offline -Gebrauch verursacht werden.
Im Folgenden finden Sie den relevanten Inhalt, der die Anwendung und den Code praktischen Fällen von HTML5 -Offline -Cache -Manifestdateien erläutert. Das Artikel -Tutorial spricht hauptsächlich über einige Technologien und Kenntnisse im Zusammenhang mit HTML5 -Offline -Cache -Manifest. Weitere Inhalte finden Sie gerne unter http://www.vevb.com, um weitere neueste Tutorials zu erhalten. Das Folgende ist die Tutorialerklärung:
Was ist offensichtlich? Manifest ist eine Datei mit dem Suffix -Namen Minifest. Es definiert Dateien, die in der Datei zwischengespeichert werden müssen. Der Browser, der Manifest unterstützt, speichert die Datei lokal nach den Regeln der Manifestdatei, so dass auf die Seite ohne Netzwerkverbindungen zugegriffen werden kann.
Der Offline-Zugriff wird für webbasierte Anwendungen immer wichtiger. Obwohl alle Browser zwischen Zwischenspeichern sind, sind sie nicht zuverlässig und spielen möglicherweise nicht immer die erwartete Rolle. HTML5 verwendet die ApplicationCache -Schnittstelle, um einige der Probleme zu lösen, die durch den Offline -Gebrauch verursacht werden.
Die Verwendung einer Cache -Schnittstelle kann die folgenden drei Vorteile für Ihre Anwendung bringen:
Offline -Surfen - Benutzer können Ihre vollständige Website während offline durchsuchen
Geschwindigkeit- Die zwischengespeicherte Ressource ist eine lokale Ressource, daher wird sie schneller geladen.
Server laden weniger - Der Browser lädt nur Ressourcen vom Server herunter, der sich geändert hat.
Mit App -Cache (auch als AppCache bezeichnet) können Entwickler angeben, auf welche Dateien der Browser für Offline -Benutzer zwischenstrahlen soll. Ihre App lädt und wird normal ausgeführt, auch wenn der Benutzer bei offline die Taste für Aktualisierung drückt.
ReferenzmanifestdateiFügen Sie das Manifest -Attribut in das HTML -Tag des Dokuments hinzu, um das Caching für eine Anwendung für eine Anwendung zu aktivieren:
Die offensichtliche Eigenschaft kann auf eine absolute URL oder einen relativen Pfad verweisen, aber die absolute URL muss mit der entsprechenden Netzwerkanwendung übereinstimmen. Die Manifestdatei kann jede Dateierweiterung verwenden, muss jedoch mit dem richtigen MIME -Typ angegeben werden (siehe unten).
<html manifest =/cache.manifest> ... </html> oder <html manifest = http: //www.example.com/example.mf> ... </html>
Sie sollten die Manifest -Eigenschaft auf jeder Seite der Web -App hinzufügen, die Sie für einen zwischengestrichenen Web -App verwenden möchten. Wenn die Seite nicht das Manifest -Attribut enthält, wird der Browser die Seite nicht zwischenspeichert (es sei denn, sie ist explizit in der Manifestdatei aufgeführt).
Dies bedeutet, dass jede Webseite, die der Benutzer mit dem Manifest durchbaut, implizit zum Anwendungs -Cache hinzugefügt wird. Daher müssen Sie nicht jede Seite in der Liste auflisten.
Die Manifestdatei muss im Text-/Cache-Manifest-MIME-Typ bereitgestellt werden. Der Datei-Suffix-Name kann angepasst werden (empfohlen als .Manifest), sodass wir den Dateityp des .manifest -Suffix als Text/Cache-Manifest auf dem Server deklarieren müssen.
Wenn wir Apache als Beispiel nehmen, müssen wir hinzufügen: AddType text/cache-manifest .manifest
Das einfache Listenformat lautet wie folgt:
Cache ManifestIndex.htmlstylesheet.cssimages/logo.pngscripts/main.js
In diesem Beispiel wird vier Dateien auf der Webseite angezeigt, die diese Manifestdatei angeben.
Die folgenden Punkte, auf die Sie achten müssen:
Die Cache -Manifest -Zeichenfolge sollte in der ersten Zeile sein und ist unerlässlich.
Die Menge der zwischengespeicherten Daten auf der Website darf 5 MB nicht überschreiten. Wenn Sie jedoch eine App für den Chrome -Webladen schreiben, können Sie unbegrenzte Storage verwenden, um die Einschränkungen unbegrenzt zu machen.
Wenn die Manifestdatei oder die darin angegebene Ressource nicht heruntergeladen werden kann, kann der gesamte Cache -Update -Prozess nicht durchgeführt werden. In diesem Fall wird der Browser weiterhin den ursprünglichen Anwendungs -Cache verwenden.
Schauen wir uns komplexere Beispiele an:
Cache Manifest# 2010-06-18: v2# explizit zwischengespeichert 'Master-Einträgen'.cache: /favicon.icoindex.htmlstylesheet.cssimages/Logo.pngscripts/main.js# Resources, die den Benutzer erfordern. wird serviert, wenn main.py unzugänglich ist
Zeilen mit # sind Kommentarlinien, können aber auch für andere Zwecke verwendet werden. Aktualisieren Sie beispielsweise den Cache
Der App -Cache wird nur aktualisiert, wenn sich die Manifestdatei ändert. Wenn Sie beispielsweise eine Bildressource ändern oder eine JavaScript -Funktion ändern, sind diese Änderungen kein Recache. Sie müssen die Manifestdatei selbst ändern, damit der Browser die zwischengespeicherte Datei aktualisiert. Erstellen Sie Kommentarlinien mit generierten Versionsnummern, Datei -Hash -Werten oder Zeitstempeln, um sicherzustellen, dass Benutzer die neueste Version Ihrer Software erhalten.
Sie können den Cache auch programmgesteuert aktualisieren, nachdem eine neue Version angezeigt wird, wie im Abschnitt Update -Cache beschrieben.
Wenn die Seite eine Cache -Manifestdatei einführt, muss die Manifestdatei alle Dateien (CSS, JS, Bild ...) enthalten, die von der aktuellen Seite gefordert werden, andernfalls wird sie nicht geladen. Wenn Sie die festgelegten Dateien entfernen, die zwischengespeichert werden müssen, wird empfohlen, dem Netzwerkelement in der Datei ein Sternchen* hinzuzufügen, um alle anderen Dateien anzugeben.
Die Liste kann drei verschiedene Teile enthalten: Cache, Netzwerk und Fallback.
Cache:Dies ist der Standardteil des Eintrags. Die unter diesem Header aufgeführten Dateien werden zum ersten Mal explizit zwischengespeichert (oder Dateien unmittelbar nach dem Cache -Manifest).
NETZWERK:Die in diesem Abschnitt aufgeführten Dateien sind Whitelist -Ressourcen, die mit dem Server verbunden werden müssen. Alle Anfragen an diese Ressourcen umgehen den Cache, unabhängig davon, ob der Benutzer offline ist oder nicht. Wildkarten können verwendet werden.
ZURÜCKGREIFEN:Dieser Abschnitt ist optional und wird verwendet, um die Fallback -Seite anzugeben, wenn die Ressource nicht zugänglich ist. Die erste URI repräsentiert die Ressource und die zweite repräsentiert die Backup -Webseite.
Ende. Das Tutorial wurde hier fertiggestellt. Haben Sie etwas vom Lesen gewonnen? Diese Website bietet auch HTML5 -Offline -Cache -Manifest -Inhalte, willkommen zum Lesen.