Pagina offline di base per app web su Chrome per Android

Le app della piattaforma installate possono essere lanciate anche offline. In questo caso, spesso includono una pagina che informa l'utente che non è disponibile l'accesso a internet. Alcuni sviluppatori creano anche un insieme completo di funzionalità da usare offline.

Con le app web, la possibilità di lavorare offline è più recente ed è diventata possibile con il lancio dell'API Service Worker. Inoltre, quando i siti web diventavano installabili, la PWA aveva aggiunto un requisito per la registrazione di un service worker e l'implementazione del metodo fetch() affinché un'app web fosse installabile. L'idea era incentivare gli sviluppatori a fornire ai loro utenti almeno un avviso circa il fatto che al momento non è possibile utilizzare l'app.

Ora gli sviluppatori non dovranno fare nulla per ottenere una pagina offline predefinita. A partire dalla versione 109 di Chrome su Android, il browser genera automaticamente una pagina che informa l'utente quando è offline.

Se l'app non implementa un'esperienza offline personalizzata, quando l'utente è offline la pagina offline predefinita utilizza l'icona dell'app e il semplice messaggio Sei offline. Come nell'esempio riportato di seguito.

La pagina offline predefinita di un'app web di esempio, in cui il logo è un cerchio rosa con due segni più e include il messaggio "Sei offline".

Visita questo glitch per vedere in azione l'esempio precedente.

L'opzione per creare la tua pagina offline personalizzata è ancora disponibile. Il seguente video mostra come pubblicare la tua pagina personalizzata utilizzando Workbox con una singola riga di codice.

Questa funzionalità è disponibile su Android (Chrome 109) e ambienti desktop (Chrome 110). Se hai feedback, inviaci un feedback tramite questo modulo.

Foto di Sten Ritterfeld su Unsplash