¿Ocultar la barra de URL en el iPad?

Question

¿Ocultar la barra de URL en el iPad?

#1 de bmike (3 votos)
#2 de Paul Holstein (1 votos)

2

Estoy trabajando en una pequeña aplicación web que se ejecuta en un iPad controlado (es decir, tanto el hardware como el contenido están en nuestra oficina y nunca se van). Me gustaría ocultar la barra de URL en esta aplicación. He colocado la siguiente etiqueta en la parte superior de cada página:

<meta name="apple-mobile-web-app-capable" content="yes" />

Una vez "instalado" en la pantalla de inicio del iPad, la primera página se ve como lo espero. Sin embargo, el primer clic abre una nueva página en Mobile Safari y vuelve la barra de URL.

¿Hay alguna manera de mantener la "aplicación web" de pantalla completa en todo momento?

ios ipad web-browsing mobile-safari html

pregunta Evil Closet Monkey 24.04.2013 - 21:17

2 respuestas

Lea otras preguntas en las etiquetas ios ipad web-browsing mobile-safari html

¿Puedo usar mi iPod classic para almacenar fotos para mi Canon 5D MkII? OS X Mountain Lion: cambia la resolución automáticamente cuando está en la batería

score 3 · Answer 1

Ataco este problema distribuyendo la aplicación web como un perfil de configuración. En lugar de que la gente toque el botón de Safari móvil para agregar la aplicación a la pantalla de inicio, debe descargar el archivo de perfil OTA desde el servidor web.

Deberán aprobar la instalación del perfil, pero luego puedes controlar el icono y forzar el atributo de pantalla completa para que los usuarios no vean el Chrome de Mobile Safari.

Si su contenido web se abre en Mobile Safari (como el contenido web aquí, es posible que deba jugar con todos los enlaces dentro de la aplicación para que estén relacionados con el sitio o los programas que existen en una base de datos sin conexión en lugar de URL completa que hace que el safari a pantalla completa piense que necesita abrir una página vinculada en la vista normal de Mobile Safari).

También utilizo este artículo para desarrollar para iPad. Quizás necesite configurar la ventana gráfica y tener algunos otros elementos para garantizar que la interfaz táctil se use para navegar en lugar de abrir una nueva URL.

score 1 · Answer 2

Tuve exactamente el mismo problema, aunque al usar el atributo window.navigator.standalone, el código lo soluciona todo.

<script type="text/javascript">
$(document).ready(function(){
        // iOS web app full screen hacks.
        if(window.navigator.standalone == true) {
                // make all link remain in web app mode.
                $('a').click(function() {
                        window.location = $(this).attr('href');
            return false;
                });
        }
});
</script>