Share
Gerade als Sie dachten, Sie hätten alle coolen Funktionen von HTML5 gesehen, bin ich hier, um Ihnen noch einen zu bringen. Im Internet geht es nicht mehr nur um Websites. es geht um Webanwendungen. Häufig arbeiten unsere Benutzer auf tragbaren oder mobilen Geräten und haben nicht immer Zugang zu einem Netzwerk. Mit dem Application Cache von HTML5 können Sie ihnen alle oder einen Teil der Funktionen bieten, die sie online haben würden, unabhängig davon, wo sie sich befinden.
Der Trick hier ist die Verwendung einer Cache-Manifest-Datei. In seiner einfachsten Form ist es unglaublich einfach:
CACHE MANIFEST # version 0.1 index.html style.css script.js preview.jpg
Diese Datei muss mit einem Inhaltstypheader von bereitgestellt werden Text / Cache-Manifest; Es ist sehr einfach, dies mit einer .htaccess-Datei zu tun:
AddType-Manifest für text / cache-manifest
Dadurch werden alle Dateien mit der Erweiterung "manifest" mit dem entsprechenden Inhaltstyp-Header versehen.
Um die Cache-Manifestdatei zu verwenden, fügen Sie einfach eine Eigenschaft zum hinzu html Element:
Wenn ein Benutzer das nächste Mal Ihre Site / App besucht, speichert der Browser die erforderlichen Dateien. So einfach ist das. Wenn sie zu Ihrer URL navigieren, während sie offline sind, wird der zwischengespeicherte Inhalt abgerufen.
Es ist wichtig zu beachten, dass der Browser selbst dann, wenn der Benutzer online ist, nur in drei Fällen zum Server geht, um neue Inhalte abzurufen:
Um alle Benutzer dazu zu zwingen, ihren Cache neu zu laden, können Sie etwas in der Manifestdatei ändern (nicht die verknüpften Dateien, sondern den Inhalt der Manifestdatei). In den meisten Fällen möchten Sie wahrscheinlich nur einen Kommentar ändern, und das reicht aus.
Wenn Sie möchten, können Sie über die JavaScript-API Cache-Aktualisierungen in Ihre App einbauen. Dies würde den Rahmen dieses Schnelltipps sprengen, aber wenn Sie mehr erfahren möchten, lesen Sie diesen Artikel unter html5rocks.com.
Wie viele andere HTML5-Funktionen wird der Anwendungscache von allen modernen Browsern unterstützt.
Diagramm von www.findmebyip.com
Und das ist der Anwendungs-Cache von HTML5. Es ist ziemlich cool, und ich bin mir sicher, dass es von Entwicklern auf fast jeder Website verwendet wird, um eine grazile, abwertende Erfahrung zu bieten, die ihre Benutzer an jedem Ort glücklich macht. Danke fürs Lesen!
Accentsconagua