UpUp
Added support for custom scopes (fully backwards compatible)
UPUP ist eine winzige JavaScript -Bibliothek, die sicherstellt, dass Ihre Benutzer immer auf den Inhalt Ihrer Website zugreifen können, selbst wenn sie in einem Flugzeug, in einem Aufzug oder 20.000 Meilen unter dem Meer sind.
Mobile-First ist zum De-facto-Standard für den Aufbau moderner Standorte geworden. Aber in einer Welt, in der jeder mobil ist, können wir uns immer nicht verlassen, worauf wir uns verlassen können. Es ist Zeit, zuerst offline zu denken.
Mit UPUP steuern Sie den Inhalt, den Ihre Benutzer sehen, auch wenn sie offline sind. Und Sie können es nur mit einem einzigen JavaScript -Befehl tun.
Der einfachste Weg zum Verständnis ist es, UPUP in Aktion zu sehen und ein kurzes Tutorial zu versuchen.
Der Einstieg mit UPUP ist so einfach wie das Hinzufügen von zwei JavaScript -Dateien zu Ihrer Website, uppup.min.js & upup.sw.min.js, und das Definieren der Inhalte, die Ihre Benutzer sehen sollen, wenn sie offline sind.
Zum Beispiel:
< script src =" /upup.min.js " > </ script >
< script >
UpUp . start ( {
'content-url' : 'offline.html' ,
'assets' : [ '/img/logo.png' , '/css/style.css' , 'headlines.json' ]
} ) ;
</ script > Jedes Mal, wenn Ihre Benutzer zu Ihrer Website zurückkehren und ihre Verbindung nicht mehr ist, werden sie den Inhalt von offline.html anstelle eines Fehlers sehen.
Schauen Sie sich einige Live -Demos und ein volles Tutorial an. Sobald Sie auf und rollen, können Sie die vollständigen API -Dokumente lesen.
UPUP erfordert eine sichere Verbindung zu Ihrer Website (dies ist eine Voraussetzung für Dienstangestellte, die Technologie im Herzen von UPUP). Stellen Sie daher sicher, dass Ihre Benutzer Ihre Website über HTTPS besuchen (ein SSL -Zertifikat ist kostenlos mit Let's Encrypt oder über CloudFlare).
UPUP arbeitet in jedem Browser, der Servicearbeiter unterstützt. Derzeit bedeutet dies:
Wenn Ihre Benutzer einen anderen oder älteren Browser verwenden, werden sie einfach von UPUP unberührt. Nichts wird brechen und sie werden einfach nichts anderes bemerken.
Dokumente und vollständige API -Referenz
Tal Ater: @talater
Lizenziert unter MIT.
