Einfache Offlineseite für Web-Apps in Chrome für Android

Installierte Plattform-Apps können auch offline gestartet werden. In dieser Situation enthalten sie häufig eine Seite, auf der die Nutzenden darüber informiert werden, dass kein Internetzugang verfügbar ist. Einige Entwickler erstellen sogar eine vollständige Reihe von Funktionen, die auch offline verwendet werden können.

Bei Web-Apps ist die Offlinenutzung neuer, Dies wurde durch die Einführung der Service Worker API möglich. Als Websites installierbar wurden, fügte PWA außerdem eine Anforderung hinzu, um einen Service Worker zu registrieren und seine fetch()-Methode zu implementieren, damit eine Web-App installierbar war. Die Idee bestand darin, Entwickler anzuregen, ihre Nutzer zumindest darüber zu informieren, dass die App im Moment nicht verwendet werden kann.

Entwickler müssen jetzt nichts mehr unternehmen, um eine standardmäßige Offlineseite zu erhalten. Ab Chrome 109 für Android wird im Browser automatisch eine Seite erstellt, auf der der Nutzer informiert wird, wenn er offline ist.

Wenn die App keine benutzerdefinierte Offlinefunktion implementiert und der Nutzer offline ist, werden auf der standardmäßigen Offlineseite das App-Symbol und die einfache Meldung Du bist offline angezeigt. Wie im Beispiel unten.

Die Standard-Offlineseite für eine Beispiel-Web-App mit einem rosa Kreis und zwei Pluszeichen sowie der Meldung „Du bist offline“.

Sehen Sie sich diese Störung an, um das vorherige Beispiel in Aktion zu sehen.

Sie können weiterhin Ihre eigene benutzerdefinierte Offlineseite erstellen. Im folgenden Video sehen Sie, wie Sie Ihre benutzerdefinierte Seite mithilfe einer Workbox mit einer einzigen Codezeile bereitstellen.

Diese Funktion ist unter Android (Chrome 109) und Desktopumgebungen (Chrome 110) verfügbar. Wenn du Feedback hast, kannst du uns über dieses Formular zukommen lassen.

Foto von Sten Ritterfeld auf Unsplash