Basis offline pagina voor webapps op Chrome Android

Geïnstalleerde platformapps kunnen ook offline worden gestart. In dat geval tonen ze vaak een pagina die de gebruiker informeert dat er geen internetverbinding beschikbaar is. Sommige ontwikkelaars creëren zelfs een complete set functies die offline gebruikt kunnen worden.

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

Ontwikkelaars hoeven nu niets meer te doen om een ​​standaard offlinepagina 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 offline-pagina het app-pictogram en de eenvoudige melding ' U bent offline' wanneer de gebruiker offline is. Zoals in het voorbeeld.

De standaard offlinepagina voor een voorbeeldwebapplicatie, met als logo een roze cirkel en twee plustekens, en de melding 'u bent offline'.

De mogelijkheid om je eigen aangepaste offline pagina te maken is nog steeds beschikbaar. De volgende video laat zien hoe je je aangepaste pagina met Workbox kunt weergeven met slechts één regel code.

Deze functie is beschikbaar op Android (Chrome 109) en desktopomgevingen (Chrome 110). Deel uw feedback .