PWA Demo

Piloto de PWA

Um webapp comum que instala no celular como app. Sem loja, sem código nativo.

Instalar no celular

Verificando se dá pra instalar…

Status

Instalado?
verificando…
Notificações
Modo de exibição
Conexão
Service worker
Cache
Tela
Último modal
aguardando…

Offline

Ative o modo avião e recarregue. O app abre igual e a nota continua aqui.

Bloco de notas

Buscar dados sem rede

Faz um fetch de verdade. Com o modo avião ligado, quem responde é o service worker.

Recursos do aparelho

O que um PWA alcança sem ser nativo. Cada botão testa de verdade.

Câmera

Notificação

Compartilhar

Outros

Sobre

O que é isso

Um site estático — HTML, CSS e JavaScript — servido por HTTPS. Três arquivos fazem virar app: o manifest.webmanifest (nome, ícone, abrir em tela cheia), o sw.js (service worker, que guarda tudo em cache e faz funcionar offline) e os ícones.

O que o piloto prova

  • Instala na tela de início pelo navegador, sem loja e sem revisão.
  • Abre em tela cheia, sem barra de URL — parece nativo.
  • Funciona sem internet depois da primeira visita.
  • Alcança câmera, notificação, GPS, vibração e compartilhamento.
  • Atualiza sozinho: um deploy novo chega em todo mundo.

Limites honestos

No iPhone o suporte é menor: notificação só depois de instalado (iOS 16.4+), sem Bluetooth/NFC, e o iOS pode apagar o cache se o app ficar semanas sem uso. No Android o suporte é quase completo.

Manutenção

Versão do app: