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 — API de Compartilhamento WEB para abrir o menu nativo de compartilhamento do SO, API de Copiar/Colar Texto para copiar e colar de forma programática, API de Bloqueio de Tela para manter a tela ativa durante o uso, e API de Tela Cheia 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.

API de Compartilhamento WEB API de Copiar/Colar Texto API de Bloqueio de Tela API de Tela Cheia

Tecnologias

  • API de Compartilhamento WEB
  • API de Copiar/Colar Texto
  • API de Bloqueio de Tela
  • API de Tela Cheia

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.