Heim Web-Frontend H5-Tutorial Der HTML5-Offline-Cache wird unter Tomcat bereitgestellt, um das Offline-Durchsuchen von Bildern, Flash usw. zu ermöglichen._HTML5-Tutorial-Kenntnisse

Der HTML5-Offline-Cache wird unter Tomcat bereitgestellt, um das Offline-Durchsuchen von Bildern, Flash usw. zu ermöglichen._HTML5-Tutorial-Kenntnisse

May 16, 2016 pm 03:50 PM
Tomcat-Bereitstellung 离线缓存

Öffnen Sie eine Webseite. Wenn die Internetverbindung nach dem Laden plötzlich unterbrochen wird, ist die Seite nach dem Aktualisieren verschwunden.
Haben Sie jemals daran gedacht, dass die Seite nach dem Aktualisieren immer noch dieselbe ist wie zuvor? Wenn Sie eine andere Seite in einem neuen Fenster öffnen und dieselbe URL eingeben, ist es immer noch dieselbe Seite, wenn Sie nicht mit dem Internet verbunden sind. . HTML5-Offline-Anwendungen bieten eine solche Funktion.
Wenn die Daten auf der Seite geladen sind, können Sie einige Bilder, Flash, CSS, JS, HTML und andere Dateien zwischenspeichern. Sie können diese zwischengespeicherten Dateien das nächste Mal verwenden, wenn das Internet nicht verfügbar ist. Dies ist die Offline-Anwendung von HTML5.
Tatsächlich ist es sehr einfach umzusetzen.

Erfordert einen Server. Hier verwenden wir zur Erklärung den Tomcat-Server.
Konfigurieren Sie zunächst den Minentyp der Datei mit dem Suffix .manifest für text/cache-manifest.
Wenn es um die Tomcat-Konfiguration geht, werden bekannte Freunde natürlich an die Datei web.xml denken. Ja, fügen Sie einfach die folgende Konfiguration zur Datei hinzu:

Kopieren Sie den Code
Der Code lautet wie folgt:


manifest ;mime-type> ;text/cache-manifest


Dann schreiben Sie eine xxx.manifest-Datei, xxx ist ein Name, den Sie selbst wählen . Das Format dieser Datei ist wie folgt:


Kopieren Sie den CodeDer Code 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, sie gibt an, dass es sich um die Manifest-Konfigurationsdatei handelt.
#Version 1.5
Dieser Satz ist ein Kommentar und hat keine tatsächliche Auswirkung. Ich möchte nur, dass der Browser die Cache-Datei aktualisiert. Denn wenn die Manifestdatei mit dem Original übereinstimmt, lädt der Browser die Cache-Datei nicht neu. Daher können wir diesen Kommentar verwenden, um einerseits die Versionsnummer zu ändern und andererseits den Browser den Cache aktualisieren zu lassen.
CACHE:
Diese Zeile gibt an, dass die folgende Datei zwischengespeichert werden soll. Im Beispiel werden die aktuelle Seite: MyTest.html sowie einige CSS- und JS-Dateien und Bilder zwischengespeichert.
Es gibt einige Schlüsselwortbeispiele, die nicht erwähnt werden, nämlich
NETWORK:
FALLBACK:
NETWORK bezieht sich auf Seiten, die nicht zwischengespeichert werden möchten; FALLBACK bezieht sich darauf, dass die angeforderte Datei nicht gefunden wird oder der Server nicht gefunden wird Wenn die Datei nicht verfügbar ist, gibt es als Antwort Alternativen: Wenn wir beispielsweise eine verschachtelte Seite anfordern möchten, der Server dieser Seite jedoch nicht verbunden werden kann, kann ich zu einer anderen angegebenen Seite wechseln.
Dies ist der zweite und dritte Schritt. Fügen Sie einfach den Speicherort des Manifests im -Tag hinzu:
einfache Offline-Anwendungen implementieren.


Wo sind diese zwischengespeicherten Dateien?
Ich habe es auf Chrome getestet und festgestellt, dass es diese Dateien nach seinem eigenen Mechanismus in Blöcken speichert, sodass ich nicht die vollständige Datei finden konnte. Die gespeicherten Daten befinden sich in: C:UsersjasonlingAppDataLocalGoogleChromeUser DataDefault. Ich weiß nicht, wie ich sie konkret speichern soll.
Dateien werden auch in Firefox nach einem eigenen Mechanismus gespeichert. Nach dem Öffnen mit SQLite fand der Autor jedoch die spezifischen Informationen der zwischengespeicherten Datei:
Interessierte Leser können es selbst ausprobieren und sehen, ob es funktioniert . Neue Entdeckungen.
Erklärung dieser Website
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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie füge ich meiner HTML5 -Website Audio hinzu? Wie füge ich meiner HTML5 -Website Audio hinzu? Mar 10, 2025 pm 03:01 PM

In diesem Artikel wird erläutert, wie Audio in HTML5 mit dem & lt; audio & gt; Element, einschließlich Best Practices für die Formatauswahl (MP3, OGG Vorbis), Dateioptimierung und JavaScript -Steuerung für die Wiedergabe. Es betont die Verwendung von mehreren Audio f f

Wie benutze ich die API der HTML5 -Seite Sichtbarkeit, um zu erkennen, wann eine Seite sichtbar ist? Wie benutze ich die API der HTML5 -Seite Sichtbarkeit, um zu erkennen, wann eine Seite sichtbar ist? Mar 13, 2025 pm 07:51 PM

In dem Artikel werden die Sichtbarkeits -API der HTML5 -Seite mit der Sichtbarkeit von Seiten ermittelt, die Benutzererfahrung verbessert und die Ressourcennutzung optimiert. Zu den wichtigsten Aspekten gehören die Pause, die Verringerung der CPU -Last und die Verwaltung von Analysen auf der Grundlage von Sichtbarkeitsänderungen.

Wie erstelle ich interaktive Spiele mit HTML5 und JavaScript? Wie erstelle ich interaktive Spiele mit HTML5 und JavaScript? Mar 10, 2025 pm 06:34 PM

In diesem Artikel werden interaktive HTML5 -Spiele mit JavaScript erstellt. Es umfasst das Spieldesign, die HTML -Struktur, das CSS -Styling, die JavaScript -Logik (einschließlich Ereignisbearbeitung und -animation) und die Audio -Integration. Essentielle JavaScript -Bibliotheken (Phaser, PI

Wie verwende ich Ansichtsfenster -Meta -Tags, um die Seite zu steuern, die auf mobilen Geräten skaliert wird? Wie verwende ich Ansichtsfenster -Meta -Tags, um die Seite zu steuern, die auf mobilen Geräten skaliert wird? Mar 13, 2025 pm 08:00 PM

In dem Artikel werden die Meta-Tags mit Ansichtsfenster besprochen, um die Seite zu steuern, die auf mobilen Geräten skaliert und sich auf Einstellungen wie Breite und initiale Maßstäbe für optimale Reaktionsfähigkeit und Leistung konzentriert.Character Count: 159

Wie gehe ich mit der Privatsphäre und Berechtigungen des Benutzer Ort mit der Geolocation -API um? Wie gehe ich mit der Privatsphäre und Berechtigungen des Benutzer Ort mit der Geolocation -API um? Mar 18, 2025 pm 02:16 PM

In dem Artikel wird die Verwaltung der Privatsphäre und Berechtigungen des Benutzerstandorts mithilfe der Geolocation -API erörtert, wobei die Best Practices für die Anforderung von Berechtigungen, die Gewährleistung der Datensicherheit und die Einhaltung der Datenschutzgesetze hervorgehoben werden.

Wie verwende ich HTML5 -Formulare für Benutzereingaben? Wie verwende ich HTML5 -Formulare für Benutzereingaben? Mar 10, 2025 pm 02:59 PM

In diesem Artikel wird erläutert, wie HTML5 -Formulare erstellt und validiert werden. Es beschreibt die Form & gt; Element, Eingabetypen (Text, E -Mail, Nummer usw.) und Attribute (erforderlich, Muster, min, max). Die Vorteile von HTML5 -Formen gegenüber älteren Methoden, inkl.

Wie verwende ich die HTML5 -Benachrichtigungs -API, um Desktop -Benachrichtigungen anzuzeigen? Wie verwende ich die HTML5 -Benachrichtigungs -API, um Desktop -Benachrichtigungen anzuzeigen? Mar 13, 2025 pm 07:57 PM

In dem Artikel wird erläutert, wie die HTML5 -Benachrichtigungs -API verwendet wird, um Desktop -Benachrichtigungen anzuzeigen und sich auf die Berechtigungsanforderungen, die Anpassung und den Browserunterstützung zu konzentrieren.

Wie verwende ich die HTML5 -Drag & Drop -API für interaktive Benutzeroberflächen? Wie verwende ich die HTML5 -Drag & Drop -API für interaktive Benutzeroberflächen? Mar 18, 2025 pm 02:17 PM

In dem Artikel wird erläutert, wie die HTML5 -Drag & Drop -API verwendet wird, um interaktive Benutzeroberflächen zu erstellen, Schritte zu detaillieren, um Elemente draggierbar zu machen, Schlüsselereignisse zu verarbeiten und Benutzererfahrung mit benutzerdefiniertem Feedback zu verbessern. Es wird auch gemeinsame Fallstricke zu a diskutiert

See all articles