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

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

Mit Web-Apps ist die Möglichkeit zum Offline-Arbeiten erst seit Kurzem verfügbar. Dies wurde mit der Einführung der Service Worker API möglich. Als auch Websites installierbar wurden, wurde für PWA die Anforderung hinzugefügt, einen Service Worker zu registrieren und die Methode fetch() zu implementieren, damit eine Webanwendung installiert werden konnte. Die Entwickler sollten Anreize dafür schaffen, ihre Nutzer zumindest darüber zu informieren, dass die App derzeit nicht genutzt werden kann.

Entwickler müssen jetzt nichts mehr unternehmen, um eine Standard-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 in der App keine benutzerdefinierte Offlinefunktion implementiert ist und der Nutzer offline ist, werden auf der Standard-Offlineseite das App-Symbol und die einfache Meldung Du bist offline verwendet. Wie im Beispiel unten.

Die Standard-Offline-Seite für eine Beispiel-Web-App, bei der das Logo aus einem rosa Kreis und zwei Pluszeichen besteht und die Meldung „Sie sind offline“ enthält.

In diesem Fehler können Sie das vorherige Beispiel in Aktion sehen.

Die Option zum Erstellen einer eigenen benutzerdefinierten Offlineseite ist weiterhin verfügbar. Im folgenden Video wird gezeigt, wie Sie mit einer einzigen Codezeile Ihre benutzerdefinierte Seite mithilfe von Workbox bereitstellen.

Diese Funktion ist für Android (Chrome 109) und Desktopumgebungen (Chrome 110) verfügbar. Du kannst uns gern über dieses Formular Feedback geben.

Foto von Sten Ritterfeld auf Unsplash