Detaillierte Erläuterung der Verwendung von Manifest -Cache in HTML5

In diesem Artikel wird hauptsächlich die detaillierte Erklärung der Verwendung von Manifest -Cache in HTML5 vorgestellt. Der Artikel führt auch einige verwandte Automatisierungswerkzeuge vor. Freunde, die es brauchen, können sich auf den Ursprung beziehen.

Webseiten vor HTML5 waren alle ohne Verbindungen verbunden und mussten mit dem Internet verbunden werden, um zugreifen zu können. Dies ist eigentlich eine Funktion des Webs. Dies ist eigentlich kein großes Problem für PCs. Im Zeitalter des mobilen Internets ist der Terminalstandort des Geräts jedoch nicht mehr festgelegt und stützt sich auf drahtlose Signale, und die Zuverlässigkeit des Netzwerks ist weniger zuverlässig geworden. Wenn Sie beispielsweise in einem Zug sitzen und einen Tunnel (15 Minuten) übergeben, können Sie nicht auf die Website zugreifen, die für das Web sehr schädlich ist, z.

HTML5 führt die Cache -Manifestdatei vor. Was ist Cache manifestiert? Ich werde als nächstes darüber sprechen.

Zunächst ist Manifest eine Datei mit dem Suffix -Namen Minifest. In der Datei werden die Dateien, die zwischengespeichert werden müssen, definiert. 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.

Wenn wir den App -Cache zum ersten Mal korrekt konfigurieren, prüft der Browser zunächst, ob sich in der Manifestdatei ändert. Wenn sich eine Änderung vorliegt, ändert es den entsprechenden und ändert den App -Cache im Browser. Wenn es keine Änderung gibt, gibt es die App -Cache -Ressourcen direkt zurück. Der Grundprozess ist so.

Offline -Browsing: Benutzer können die Website von Website offline durchsuchen.

Schnelle Geschwindigkeit: Da die Daten lokal gespeichert werden, ist die Geschwindigkeit schneller.

Serverlast reduzieren: Der Browser lädt nur Ressourcen herunter, die sich auf dem Server geändert haben.

Alle Mainstream -Browser unterstützen das Caching der Anwendung, außer im Internet Explorer. Die durch Caniuse gegebene Antwort ist in der folgenden Abbildung dargestellt.

HTML hat ein Manifest -Attribut hinzugefügt, mit dem die Manifestdatei der aktuellen Seite angegeben werden kann.

Erstellen Sie eine Manifestdatei mit demselben Namen wie HTML. Die Seite ist beispielsweise index.html, dann können Sie eine Index.manifest -Datei erstellen und dann den folgenden Attributen zum Index.html HTML -Tag hinzufügen: