¿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 las versiones anteriores de iOS y funciona bien incluso en iOS 7: cuando abro la página, aparece en pantalla completa y sigue 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 iPhone y iPad, al tocar la parte inferior de la pantalla, aparecen la barra de direcciones y la barra de estado y la única forma de deshacerse de ella es cambiar la orientación del teléfono y luego volver a cambiarla a la anterior. orientación. ¿Hay alguna forma de evitar esa manipulación?

    
pregunta svassr 17.10.2013 - 22:13

2 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, de iOS 7.1 beta 2, registro de cambios y versión notas :

  

Safari Notes

     

Se ha agregado una propiedad, ui mínima, para la clave de la etiqueta meta de la ventana gráfica.   que permite minimizar las barras superior e inferior del iPhone como   carga de la página. Mientras estás en una página usando ui mínima, tocando la barra superior   trae las barras de vuelta. Tocando de nuevo en el contenido los descarta.   de nuevo.

     

Por ejemplo, usa <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 con mi aplicación web , que utiliza la solución de etiqueta meta descrita anteriormente.

    
respondido por el Leftium 17.12.2013 - 22:47
1

He visto esto recomendado <meta name="apple-mobile-web-app-capable" content="yes"> Ejecuta el sitio en modo independiente, que oculta la interfaz de usuario. No tengo claro cómo se compara esto con la solución ui de arriba. Estoy bajo la impresión de que esta solución también funciona para las versiones de iOS anteriores a 7.1.

    
respondido por el Tim 25.03.2014 - 15:05

Lea otras preguntas en las etiquetas