Os apps das plataformas instalados podem ser iniciados mesmo off-line. Nessa situação, ele geralmente inclui uma página informando ao usuário que não há acesso à Internet. Alguns desenvolvedores até criam um conjunto completo de recursos que podem ser usados off-line.
Com apps da Web, a capacidade de trabalhar off-line é mais recente. Isso se tornou possível com o lançamento da API Service Worker. Além disso, quando os sites se tornaram instaláveis, o PWA adicionou um requisito para registrar um service worker e implementar o método fetch() dele para que um app da Web possa ser instalado.
A ideia era incentivar os desenvolvedores a fornecer aos usuários pelo menos um aviso de que o app não poderia ser usado no momento.
Agora, os desenvolvedores não precisarão fazer nada para ter uma página off-line padrão. No Chrome 109 no Android, o navegador vai gerar automaticamente uma página que informa quando o usuário está off-line.
Se o app não implementar uma experiência off-line personalizada, quando o usuário estiver off-line, a página off-line padrão usará o ícone do app e a mensagem Você está off-line. Como no exemplo abaixo.
Acesse esta falha para ver o exemplo anterior em ação.
A opção de criar sua própria página off-line personalizada ainda está disponível. O vídeo a seguir demonstra como exibir sua página personalizada usando a Workbox com uma única linha de código.
Esse recurso está disponível no Android (Chrome 109) e em ambientes de computador (Chrome 110). Se você tiver algum feedback, envie-o para nossa equipe por este formulário.
Foto de Sten Ritterfeld no Unsplash