12 votos

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

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

En un paisaje de la aplicación actualmente estoy usando el siguiente código para hacer que para las anteriores versiones de iOS y funciona bien incluso en IOS 7: cuando la apertura de la página se va a pantalla completa y permanecer 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 iOS 7 para iPhone y iPad al tocar la parte inferior de la pantalla la barra de direcciones y la barra de estado aparecen y la única manera de deshacerse de él es para cambiar la orientación del teléfono y, a continuación, cambiar a la anterior orientación. Existe de todos modos para evitar que la manipulación?

15voto

Leftium Puntos296

Hay un método: <meta name="viewport" content="minimal-ui">
(pero sólo funciona en iOS 7.1 - no en 7.0 ni 8.0)

fuente: StackOverflow


Más detalles de iOS 7.1 beta 2 registro de los cambios y notas de la versión:

Safari Notas

Una propiedad minimalista interfaz de usuario, se ha añadido para el área de visualización de la etiqueta meta clave que permite minimizar la parte superior e inferior de las barras en el iPhone como el la carga de la página. Mientras que en una página con un uso mínimo de la interfaz de usuario, pulsando la barra superior trae las barras de la espalda. Pulsando de nuevo en el contenido destituye a ellos de nuevo.

Por ejemplo, el uso de <meta name="viewport" content="width=1024, minimal-ui">.


actualización: me confirmó que este método funciona en iOS 7.1 (oficial de la versión final). Usted puede confirmar por ti mismo con mi aplicación web, que utiliza la metaetiqueta solución que se ha descrito anteriormente.

enter image description here

1voto

Timmy Puntos11

He visto que esta recomendado <meta name="apple-mobile-web-app-capable" content="yes"> Se ejecuta el sitio en modo independiente, de la cual se esconde la interfaz de usuario. Estoy claro sobre cómo esto se compara con el mínimo-interfaz de usuario de la solución anterior. Estoy bajo la impresión de esta solución funciona para las versiones de iOS antes de 7.1 así.

AppleAyuda.com

AppleAyuda es una comunidad de usuarios de los productos de Apple en la que puedes resolver tus problemas y dudas.
Puedes consultar las preguntas de otros usuarios, hacer tus propias preguntas o resolver las de los demás.

Powered by: