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 waarop de gebruiker weet dat er geen internettoegang beschikbaar is. Sommige ontwikkelaars creëren zelfs een volledige set functies die offline kunnen worden gebruikt.

Met webapps is de mogelijkheid om offline te werken recenter; het werd mogelijk met de lancering van de Service Worker API . Toen websites installeerbaar werden, voegde PWA ook een vereiste toe om een ​​servicemedewerker te registreren en de fetch() -methode te implementeren, zodat een webapp installeerbaar was. Het idee was om ontwikkelaars te stimuleren om hun gebruikers op zijn minst te laten weten dat de app op dit moment niet kan worden gebruikt.

Nu hoeven ontwikkelaars niets 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 implementeert, gebruikt de standaard offlinepagina het pictogram van de app en het eenvoudige bericht 'Je bent offline' wanneer de gebruiker offline is. Zoals onderstaand voorbeeld.

De standaard offlinepagina voor een voorbeeldwebapp, waarbij het logo bestaat uit een roze cirkel en twee plustekens, en de boodschap 'je bent offline' bevat.

Bezoek deze glitch om het vorige voorbeeld in actie te zien.

De optie om uw eigen aangepaste offlinepagina te maken is nog steeds beschikbaar. De volgende video laat zien hoe u uw aangepaste pagina kunt weergeven met Workbox, met één regel code.

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

Foto door Sten Ritterfeld op Unsplash