Modos de Exibição do Manifest (standalone, fullscreen…)
A propriedade display em um web app manifest controla quanta interface do navegador um PWA instalado mostra. "browser" abre uma aba normal, "minimal-ui" mantém uma barra de navegação enxuta, "standalone" parece um app nativo sem a interface do navegador, e "fullscreen" esconde tudo, incluindo a barra de status. A maioria dos apps instaláveis usa "standalone", e o navegador recua pela lista se um modo não for suportado.
Quatro níveis de interface do navegador
display é um único campo do manifest com quatro valores, do mais para o menos de interface do navegador. O navegador recua pela lista se não suportar o que você pediu, então um pedido de fullscreen pode acabar em standalone, e standalone em minimal-ui.
Os modos
| valor de display | O que o usuário vê |
|---|---|
| browser | Uma aba normal do navegador, interface completa |
| minimal-ui | Uma barra enxuta com voltar/recarregar, sem barra de endereços |
| standalone | Estilo app, sem interface do navegador, barra de status mantida |
| fullscreen | Tudo escondido, incluindo a barra de status |
Perguntas frequentes sobre modos de exibição
O que display: standalone faz?
Lança o PWA instalado sem nenhuma interface do navegador (sem barra de endereços ou abas), então ele parece e se comporta como um app nativo, mantendo a barra de status do dispositivo.
Qual modo de exibição devo usar?
Para a maioria dos apps instaláveis, "standalone". Use "fullscreen" só para casos imersivos como jogos; "minimal-ui" quando quiser um pouco de navegação; "browser" se não quiser comportamento de app algum.
Por que meu PWA ainda mostra a barra de endereços?
Ou o app não foi de fato instalado (você ainda está em uma aba), ou o navegador recuou para um modo com mais interface porque não suporta o que você pediu.