¿Hay alguna forma de desactivar la barra de estado en las aplicaciones web de iPhone? Estoy trabajando en algo que requiere una vista fija, a pantalla completa, y la barra de estado es bastante molesta.¿Oculta la barra de estado del iPhone en una aplicación web?
Esto no es posible.
Sin embargo, vaya a http://bugreport.apple.com y presente una solicitud para esta mejora, agregando suficiente peso a esto eventualmente resultará en Apple implementándolo – duncanwilcox
No es una bolsa, es una función –
Definitivamente no es una bolsa. – DiscDev
<meta name="apple-mobile-web-app-capable" content="yes" />
Incluso después de instalar en la pantalla de inicio, esto no funciona. –
"Si el contenido está configurado en sí, la aplicación web se ejecuta en modo de pantalla completa; de lo contrario, no funciona. El comportamiento predeterminado es usar Safari para mostrar contenido web. Puede determinar si una página web se muestra en modo de pantalla completa usando la propiedad booleana de JavaScript window.navigator.standalone de solo lectura. http://developer.apple.com/safari/library/documentation/appleapplications/reference/safarihtmlref/articles/metatags.html –
Esta definición de "pantalla completa" no ocultar la barra de estado. window.navigator.standalone = true, y la barra de estado persiste. –
He visto que es posible que tenga que eliminar la aplicación web de la pantalla de inicio y luego agregarla de nuevo, si ha agregado la metaetiqueta, para que haga la diferencia. Trabajó para mi.
Desafortunadamente, no. Solo hay dos opciones black y black-translucent. Solo tenga en cuenta que con black-translucent parte del marco de la web será parcialmente visible debajo de la barra de estado mientras que usando black en realidad empuja el marco de la tela hacia abajo para que su altura sea un poco más pequeña.
Esto es lo que Apple dice en su documentation:
<meta name="apple-mobile-web-app-status-bar-style" content="black">
Esta etiqueta meta no tiene ningún efecto a menos que primero se especifica el modo de pantalla completa como se describe en “apple-mobile-web-app-capable.”
Si
contentse establece endefault, la barra de estado aparece normal. Si se establece enblack, la barra de estado tiene un fondo negro. Si se establece enblack-translucent, la barra de estado es negra y translúcida. Si se establece endefaultoblack, el contenido web se muestra debajo de la barra de estado. Si se establece enblack-translucent, el contenido web se muestra en toda la pantalla, parcialmente oscurecida por la barra de estado. El valor predeterminado esdefault.
Fue añadida en IOS 7.1
sólo tiene que añadir un mínimo-ui para la etiqueta meta de visualización, por ejemplo:
Tomado de aquí: https://forums.whirlpool.net.au/archive/2194915
Tenga en cuenta este solo funciona para iPhone, hasta donde yo sé, no iPad
Lo más cerca que podía estar (iOS7, creo que iOS6 mostraría una barra de estado oscurecida) muestra la barra de estado pero con un fondo transparente y no empuja hacia abajo el contenido de la página; para que pueda ver el tiempo de conexión de red y el porcentaje de batería y el tiempo en la parte superior de su aplicación.
meta tags:
name="apple-mobile-web-app-capable" content="yes"
name="apple-mobile-web-app-status-bar-style" content="black-translucent"
Además, para ver cualquier cambio es necesario que elimine la aplicación de su pantalla de inicio y luego la vuelva a agregar.
Según lo mencionado por andyg303:
mínima-ui podría haber funcionado en beta, pero probado y no funciona en el iPhone (iOS 7.1.2 4s) o el IPAD (v2 7.1.2).
¿Estás hablando de la barra en la parte superior? – SLaks
Sí. La barra de estado. –
No creo que eso sea posible en una aplicación web. – SLaks