¿Es posible ocultar la barra de direcciones y la barra de estado en iOS 7 Safari?

12

¿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?

svassr
fuente
Muchas respuestas sobre esto ya stackoverflow.com/questions/18813476/…
AllInOne
No veo una respuesta en SO que funcione más que el código de ejemplo aquí. Hmm ...
bmike

Respuestas:

15

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 :

Notas de Safari

Se ha agregado una propiedad, minimal-ui, para la clave de metaetiqueta de la vista que permite minimizar las barras superior e inferior del iPhone a medida que se carga la página. Mientras está en una página que usa minimal-ui, al tocar la barra superior, las barras vuelven. Al volver a tocar el contenido, se vuelven a descartar.

Por ejemplo, use <meta name=”viewport” content=”width=1024, minimal-ui”>.


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.

ingrese la descripción de la imagen aquí

Leftium
fuente
Esperaré el lanzamiento final y luego intentaré, luego aceptaré tu respuesta. Muchas gracias.
svassr
Hmmmm Estoy usando 7.1.1 y su aplicación web vinculada anteriormente NO oculta la barra de direcciones, etc. cuando está cargada. ¿Lo rompieron en 7.1.1?
Brian B
77
Esto se ha eliminado en iOS8.
Charlie Schliesser
1
Consulte esta publicación sobre la implementación de IOS8: stackoverflow.com/questions/24889100/…
svassr
1

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.

Tim
fuente
55
Esta solución solo funciona para la página web que agrega como aplicación a su pantalla de inicio.
svassr