Modos de visualización del manifiesto (standalone, fullscreen…)
La propiedad display de un manifiesto de aplicación web controla cuánta interfaz del navegador muestra una PWA instalada. "browser" abre una pestaña normal, "minimal-ui" mantiene una barra de navegación fina, "standalone" se ve como una app nativa sin chrome del navegador, y "fullscreen" oculta todo, incluida la barra de estado. La mayoría de las apps instalables usan "standalone", y el navegador retrocede por la lista si un modo no es compatible.
Cuatro niveles de chrome del navegador
display es un único campo del manifiesto con cuatro valores, del que más interfaz del navegador muestra al que menos. El navegador retrocede por la lista si no admite el que pediste, así que una solicitud de fullscreen podría acabar en standalone, y standalone en minimal-ui.
Los modos
| valor de display | Lo que ve el usuario |
|---|---|
| browser | Una pestaña normal del navegador, chrome completo |
| minimal-ui | Una barra fina con atrás/recargar, sin barra de direcciones |
| standalone | Aspecto de app, sin chrome del navegador, se mantiene la barra de estado |
| fullscreen | Todo oculto, incluida la barra de estado |
Preguntas frecuentes sobre los modos de visualización
¿Qué hace display: standalone?
Lanza la PWA instalada sin ningún chrome del navegador (sin barra de direcciones ni pestañas), de modo que se ve y se siente como una app nativa, manteniendo la barra de estado del dispositivo.
¿Qué modo de visualización debería usar?
Para la mayoría de las apps instalables, "standalone". Usa "fullscreen" solo para casos inmersivos como los juegos; "minimal-ui" cuando quieras algo de navegación; "browser" si no quieres comportamiento de app en absoluto.
¿Por qué mi PWA sigue mostrando la barra de direcciones?
O bien la app no se instaló realmente (sigues en una pestaña), o el navegador retrocedió a un modo con más chrome porque no admite el que solicitaste.