2 votos

¿Cómo ocultar la barra de direcciones en iPad?

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 salen de ella). 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:

Una vez "instalada" en la pantalla de inicio del iPad, la primera página se ve como espero. Sin embargo, al hacer clic por primera vez se abre una nueva página en Mobile Safari y la barra de URL vuelve a aparecer.

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

3voto

Oskar Puntos 1242

Abordo este problema distribuyendo la aplicación web como un perfil de configuración. En lugar de hacer que las personas pulsen el botón de Safari móvil para agregar la aplicación a la pantalla de inicio, les haces descargar el archivo de perfil OTA desde el servidor web.

Necesitarán aprobar la instalación del perfil, pero luego puedes controlar el icono y forzar el atributo de pantalla completa para que tus usuarios no vean la cromo de Safari móvil.

Si tu contenido web se abre en Mobile Safari (como el contenido web aquí), es posible que necesites intentar jugar con todos los enlaces dentro de la aplicación para que sean relativos al sitio o programar las cosas para que existan en una base de datos sin conexión en lugar de ser URL completas que hagan que Safari de pantalla completa piense que necesita abrir una página vinculada en la vista normal de Mobile Safari).

También uso este artículo sobre el desarrollo para iPad, quizás necesites configurar el viewport y tener algunos otros elementos para asegurarte de que se utilice la interfaz táctil para navegar en lugar de abrir una nueva URL.

0 votos

¿Tienes un enlace que describa este proceso a la mano?

0 votos

Utilizo Apple Configurator (y puedes ver un archivo de perfil de muestra aquí), pero también puedes usar la versión de Windows o Mac de la utilidad de configuración del iPhone. Está documentado en la página 75 de la Guía de implementación empresarial.

1voto

Paul Holstein Puntos 18

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

$(document).ready(function(){
        // Hacks de pantalla completa de la aplicación web para iOS.
        if(window.navigator.standalone == true) {
                // hacer que todos los enlaces permanezcan en modo de aplicación web.
                $('a').click(function() {
                        window.location = $(this).attr('href');
                        return false;
                });
        }
});

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:

X