


Der HTML5-Offline-Cache wird unter Tomcat bereitgestellt, um das Offline-Durchsuchen von Bildern, Flash usw. zu ermöglichen._HTML5-Tutorial-Kenntnisse
Ö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:
#version 1.5
CACHE:
MyTest.html
CSS/main.css
Javascript/bwH5LS.js
exp-calif-logo.gif
#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.

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

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

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.

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

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

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.

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.

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.

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
