Artikel Einführung von Wulin.com (www.vevb.com): HTML5 OFFLEINE -Anwendungsbeschreibung Ich werde hier nicht viel sagen. Bitte Google oder Baidu. Dieser Artikel zielt darauf vor, vorzustellen, wie die Entwicklung der Offline -Anwendungen realisiert werden kann
Ich werde hier nicht über die Anweisungen für die Offline -Anwendung sprechen. Bitte Google oder Baidu. Dieser Artikel soll vorgestellt werden, wie man die Entwicklung der Offline -Anwendungsentwicklung realisiert.
Schritt 1: Erstellen Sie eine Manifestdatei und geben Sie ein Cache -Dateimanifest an.Sie können zuerst eine neue Datei mit TXT -Textformat -Suffix erstellen, und die erste Zeile muss in Cache Manifest geschrieben werden.
Die zweite Zeile schreibt optional einen Kommentarbeschreibung #Version 1.0, und der Kommentar beginnt mit #, was bedeutet, die Versionsnummer anzugeben.
Die dritte Zeile beginnt mit einem Dateipfad relativ zum aktuellen Dateiverzeichnis, z. B.:
static/img/logo.png
static/css/style.css
Eine grundlegende Manifestdatei wird geschrieben und das Suffix dieser Datei wird in geändert. Manifest;
Schritt 2: Geben Sie in der HTML -Datei die Manifesteigenschaft des Dokuments als Pfad der Cache.mnifest -Datei an.<html manifest = cachedata.manifest>
Laden Sie nach dem Hinzufügen des Manifest -Attributs die Seite, die Dateien in der Cache -Konfigurationsdatei werden offline zwischengespeichert und werden beim erneuten Aktualisieren nicht vom Server gelesen.
Schritt 3: Aktualisieren Sie den Cache über die API -Schnittstelle.Verwenden Sie JS, um Offline -Cache -Objekte über window.applicationCache abzurufen, und rufen Sie die Aktualisierungsmethode an: window.applicationCache.update (), um den Download der aktuellen Cache -Datei aufzurufen. Nach Abschluss des Downloads wird das UpdateReady -Ereignis des Offline -Cache -Objekts ausgelöst. Führen Sie die SWAPCache -Methode aus, um den Cache zu löschen: Fenster.ApplicationCache.swapcache (). Dies führt nicht dazu, dass die zuvor geladenen Ressourcen plötzlich neu geladen werden, aber die Ressourcen, die die Anfrageseite danach ausgestellt haben, sind die neuesten.
In den oben genannten drei einfachen Schritten können Sie die HTML5 -Offline -Anwendung realisieren.