UX NativaAo vivo

Integrações Nativas do Navegador

PWAs costumam perder para apps nativos justamente na integração com o sistema operacional: sem menu de compartilhamento nativo, sem controle sobre o apagamento da tela, sem um modo realmente imersivo. Esta demo implementa as quatro Web APIs que resolvem cada um desses pontos usando apenas recursos já embutidos no navegador — Web Share API para abrir o menu nativo de compartilhamento do SO, Clipboard API para copiar e colar de forma programática, Screen Wake Lock API para manter a tela ativa durante o uso, e Fullscreen API para remover a interface do navegador em modo imersivo. Nenhuma delas depende de biblioteca externa: é a Web Platform por si só encostando no sistema operacional.

Web Share API Clipboard API Screen Wake Lock Fullscreen API

Tecnologias

  • Web Share API
  • Clipboard API
  • Screen Wake Lock API
  • Fullscreen API

Arquitetura

  • Integração direta com APIs nativas do navegador
  • sem dependências externas

Conceitos

  • Web Platform APIs
  • integração com o SO via navegador
  • UX native-like sem instalar um app

Área de demonstração

A demonstração é 100% funcional — teste agora.