Pagina offline di base per app web su Chrome per Android

Le app della piattaforma installate possono essere avviate anche offline. In questo caso spesso viene inclusa una pagina in cui viene comunicato all'utente che l'accesso a internet non è disponibile. Alcuni sviluppatori creano anche un set completo di funzionalità che possono essere utilizzate offline.

Con le app web, la possibilità di lavorare offline è più recente; è diventato possibile con il lancio dell'API Service Worker. Inoltre, quando i siti web sono diventati installabili, PWA ha aggiunto un requisito per la registrazione di un service worker e per implementare il suo metodo fetch() affinché un'app web sia installabile. L'idea era quella di incentivare gli sviluppatori a comunicare ai propri utenti almeno una notifica che informava che al momento non era possibile utilizzare l'app.

Ora gli sviluppatori non dovranno fare nulla per ottenere una pagina offline predefinita. A partire da Chrome 109 su Android, il browser genera automaticamente una pagina che consente all'utente di sapere 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 per 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 l'esempio precedente in azione.

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

Questa funzionalità è disponibile su Android (Chrome 109) e ambienti desktop (Chrome 110). Se vuoi inviarci i tuoi feedback tramite questo modulo,

Foto di Sten Ritterfeld su Unsplash