Kommentar: Öffnen Sie eine Webseite und nach dem Laden verschwindet die Seite nach dem Aktualisieren, wenn das Netzwerk plötzlich getrennt ist. Wie können Sie verhindern, dass diese Situation stattfindet? Die Entstehung von HTML5 hat uns plötzlich erleuchtet, und wir werden es Ihnen als nächstes ausführlich erklären
Öffnen Sie eine Webseite und nach dem Laden wird die Seite nach dem Aktualisieren verschwunden, wenn das Netzwerk plötzlich getrennt ist.Haben Sie jemals gedacht, dass Sie nach dem Auffrischen der Seite gerade noch die Seite sein werden, eine andere Seite in einem neuen Fenster öffnen, dieselbe URL eingeben und die Seite öffnen, wenn sie nicht aus dem Netzwerk ist. . HTML5 -Offline -Anwendungen liefern eine solche Funktion.
Wenn die Daten auf der Seite geladen sind, können Sie einige Bilder, Flash, CSS, JS, HTML und andere Dateien festlegen, die von Ihnen selbst zwischengespeichert werden können. Wenn die Daten auf der Seite das nächste Mal nicht mit dem Internet verbunden sind, können Sie diese zwischengespeicherten Dateien verwenden. Dies ist die Offline -Anwendung von HTML5.
Tatsächlich ist es sehr einfach zu implementieren.
Ein Server ist erforderlich. Hier verwenden wir den Tomcat -Server, um zu erklären.
Konfigurieren Sie zunächst den Minentyp der Datei mit dem .manifest-Suffix in Text/Cache-Manifest.
Wenn Sie über die Tomcat -Konfiguration sprechen, denken vertraute Freunde natürlich an die Datei web.xml. Ja, fügen Sie der Datei einfach die folgende Konfiguration hinzu:
<Mime-Mapping>
<EXTERS> Manifest </Extension>
<Mime-Type> Text/Cache-Manifest </mime-Type>
</mime-Mapping>
Dann schreiben Sie eine xxx.manifest -Datei, XXX ist ein Name, den Sie selbst ausgewählt haben. Das Format dieser Datei lautet wie folgt:
Cache Manifest
#VERSION 1.5
Cache:
Mytest.html
CSS/main.css
JavaScript/BWH5LS.JS
exp-calif-logo.gif
Die erste Zeile ist erforderlich, wodurch dies die Konfigurationsdatei für Manifest ist.
#VERSION 1.5
Dieser Satz ist ein Kommentar und hat keinen praktischen Effekt. Ich möchte nur, dass der Browser die Cache -Datei hier aktualisiert. Denn wenn die Manifestdatei wie zuvor die gleiche ist, lädt der Browser die Cache -Datei nicht neu, sodass wir diesen Kommentar verwenden können, um die Versionsnummer einerseits zu ändern und den Browser andererseits den Cache aktualisieren zu lassen.
Cache:
Diese Zeile gibt an, dass die folgende Datei zwischengespeichert werden soll. In der aktuellen Seite: myTest.html sowie einige CSS- und JS -Dateien und Bilder werden zwischengespeichert.
In den Beispielen sind mehrere Schlüsselwörter nicht erwähnt, das heißt
NETZWERK:
ZURÜCKGREIFEN:
Das Netzwerk bezieht sich auf eine Seite, die nicht zwischenstreben möchte. Fallback bezieht sich auf eine Alternative, wenn die angeforderte Datei nicht gefunden wird oder der Server der Datei nicht antwortet. Zum Beispiel möchten wir eine verschachtelte Seite anfordern, aber der Server dieser Seite kann keine Verbindung herstellen, sodass ich mich an eine andere angegebene Seite wenden kann.
Dies ist der zweite Schritt und der dritte Schritt. Fügen Sie einfach die Manifestposition zum <html> -Tag hinzu:
<html manifest = name.manifest>
Zu diesem Zeitpunkt können Sie einfache Offline -Anwendungen erkennen.
Wo werden diese zwischengespeicherten Dateien platziert?
Ich wurde auf Chrome getestet und stellte fest, dass es diese Dateien in Stücken nach seinem eigenen Mechanismus gespeichert hat, sodass ich die vollständige Datei nicht finden konnte. Die gespeicherten Daten sind:
Ich weiß nicht, wie ich es in c:/user/jasonling/AppData/local/Google/Chrome/Benutzerdaten/Standards speichern kann.
Die Dateien auf Firefox werden ebenfalls nach ihrem eigenen Mechanismus gespeichert, aber nachdem ich sie mit SQLite geöffnet hatte, fand ich die spezifischen Informationen der zwischengespeicherten Datei:
Wenn Leser interessiert sind, können sie es selbst versuchen, um zu sehen, ob es neue Entdeckungen geben wird.