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 esperaba. 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 sensación de "aplicación web" de pantalla completa en todo momento?
Ataco este problema distribuyendo la aplicación web como un perfil de configuración. En lugar de que la gente toque el botón Safari móvil para agregar la aplicación a la pantalla de inicio, debe descargar el archivo de perfil OTA del servidor web.
Deberán aprobar la instalación del perfil, pero luego puede controlar el ícono y forzar el atributo de pantalla completa para que sus usuarios no vean el cromo de Mobile Safari.
Si su contenido web se abre en Mobile Safari (como el contenido web aquí, es posible que deba intentar jugar con todos los enlaces dentro de la aplicación para que sean relativos al sitio o programar cosas para que existan en una base de datos fuera de línea en lugar de ser una URL completa que hacer 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 sobre el desarrollo para iPad; tal vez necesite configurar la ventana gráfica y tener algunos otros elementos para asegurarse de que la interfaz táctil se use para navegar en lugar de abrir una nueva URL.
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>
Nicolás Pappas
bmike