Basis offline pagina voor webapps op Chrome Android

Geïnstalleerde platform-apps kunnen zelfs offline worden gestart. In deze situatie bevatten ze vaak een pagina die de gebruiker laat weten dat er geen internettoegang beschikbaar is. Sommige ontwikkelaars creëren zelfs een volledige set functies die offline kunnen worden gebruikt.

Bij webapps is de mogelijkheid om offline te werken recenter; dit werd mogelijk met de lancering van de Service Worker API . Toen websites installeerbaar werden, voegde PWA bovendien een vereiste toe om een ​​service worker te registreren en de fetch() -methode te implementeren om een ​​webapp installeerbaar te maken. Het idee was om ontwikkelaars te stimuleren om hun gebruikers op zijn minst een melding te geven dat de app op dat moment niet gebruikt kon worden.

Ontwikkelaars hoeven nu niets meer te doen om een ​​standaard offline pagina te krijgen. Vanaf Chrome 109 op Android genereert de browser automatisch een pagina die de gebruiker laat weten wanneer hij of zij offline is.

Als de app geen aangepaste offline-ervaring biedt, gebruikt de standaard offlinepagina, wanneer de gebruiker offline is, het pictogram van de app en de eenvoudige melding 'U bent offline '. Zoals in het onderstaande voorbeeld.

De standaard offline pagina voor een voorbeeld van een web-app, waarbij het logo een roze cirkel en twee plustekens is en de boodschap 'u bent offline' bevat.

De mogelijkheid om uw eigen offline pagina te maken is nog steeds beschikbaar. De volgende video laat zien hoe u uw eigen pagina kunt aanbieden met Workbox, met één regel code.

Deze functie is beschikbaar op Android (Chrome 109) en desktopomgevingen (Chrome 110). Als u feedback heeft, kunt u deze via dit formulier naar ons sturen.

Foto door Sten Ritterfeld op Unsplash