apple-mobile-web-app-capable y las etiquetas meta de web app de iOS
apple-mobile-web-app-capable es una etiqueta meta que le indica a iOS que lance tu sitio a pantalla completa, sin el chrome de Safari, cuando se abre desde la pantalla de inicio. Se combina con apple-mobile-web-app-status-bar-style para colorear la barra de estado y con apple-mobile-web-app-title para fijar el nombre. El iOS moderno lee cada vez más el modo de visualización del manifiesto en su lugar, pero estas etiquetas siguen siendo la vía fiable en Safari.
Hacer que un acceso directo de la pantalla de inicio se comporte como una app
Con apple-mobile-web-app-capable en yes, un sitio abierto desde la pantalla de inicio de iOS se lanza a pantalla completa, en modo independiente, sin la barra de herramientas de Safari. apple-mobile-web-app-status-bar-style controla entonces la barra de estado (default, black o black-translucent), y apple-mobile-web-app-title fija la etiqueta bajo el icono.
Estas solo surten efecto cuando el sitio se lanza desde la pantalla de inicio. En una pestaña normal de Safari no hacen nada.
Las etiquetas meta de web app de iOS
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="My App" />Preguntas frecuentes sobre la meta de web app de iOS
¿Qué hace apple-mobile-web-app-capable?
Hace que un sitio se lance a pantalla completa, sin el chrome de Safari, cuando se abre desde la pantalla de inicio de iOS. No tiene efecto en una pestaña normal del navegador.
¿Qué le hace black-translucent a la barra de estado?
Permite que tu página se dibuje detrás de la barra de estado, que entonces flota sobre tu contenido en blanco. Tienes que añadir tú mismo relleno superior o la barra de estado se solapa con tu cabecera.
¿Sigo necesitando estas etiquetas con un manifiesto?
Cada vez menos. "display": "standalone" en el manifiesto gestiona el lanzamiento a pantalla completa. Conserva las etiquetas apple- para iOS antiguo y un control más fino de la barra de estado.