¿Es posible ocultar la barra de direcciones y la barra de estado en iOS 7?
En una aplicación horizontal, actualmente estoy usando el siguiente código para hacerlo para versiones anteriores de iOS y funciona bien incluso en iOS 7: al abrir la página, pasa a pantalla completa y permanece así.
JS:
window.addEventListener("load",function() {
// Set a timeout...
setTimeout(function(){
// Hide the address bar!
window.scrollTo(0, 1);
}, 0);
});
HTML:
<!-- For iOS web apps -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="AMC Walking Dead Story Sync">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
El hecho es que en el iPhone y iPad con iOS 7, al tocar la parte inferior de la pantalla, aparece la barra de direcciones y la barra de estado, y la única forma de deshacerse de ellas es cambiar la orientación del teléfono y luego volver a la orientación anterior. ¿Hay alguna forma de evitar esa manipulación?
ios
mobile-safari
fullscreen
svassr
fuente
fuente
Respuestas:
Hay un método:
<meta name="viewport" content="minimal-ui”>
( pero solo funciona en iOS 7.1, no en 7.0 ni 8.0 )
fuente: StackOverflow
Más detalles, desde iOS 7.1 beta 2, registro de cambios y notas de la versión :
Actualización: Confirmé que este método funciona en iOS 7.1 (versión final oficial). Puede confirmarlo usted mismo con mi aplicación web , que utiliza la solución de etiqueta meta descrita anteriormente.
fuente
He visto esto recomendado.
<meta name="apple-mobile-web-app-capable" content="yes">
Ejecuta el sitio en modo independiente, lo que oculta la interfaz de usuario. No tengo claro cómo se compara esto con la solución de interfaz de usuario mínima anterior. Tengo la impresión de que esta solución también funciona para las versiones de iOS anteriores a la 7.1.fuente