Apple dice en la referencia HTML de Safari que se supone que el siguiente código hace que la aplicación web sea de pantalla completa en iPhone OS 2.1 y versiones posteriores.
<meta name="apple-mobile-web-app-capable" content="yes">
Pero no parece funcionar. ¿Hay alguna forma de ocultar la barra de título / ubicación dentro de Safari en una aplicación web para iPad?
Respuestas:
Esto solo funciona después de guardar un marcador de la aplicación en la pantalla de inicio. No si solo navega por el sitio normalmente.
Si desea permanecer en un navegador sin abrir una nueva ventana, use este código HTML:
<a href="javascript:this.location = 'index.php?page=1'">
Primero, inicie su navegador Safari desde la pantalla de inicio y vaya a la página web que desea ver en pantalla completa.
Después de localizar la página web, toque el icono de flecha en la parte superior de la pantalla.
En el menú desplegable, toque la opción Agregar a la pantalla de inicio.
Se debe mostrar la ventana Agregar a la página de inicio. Puedes personalizar la descripción que aparecerá como título en la pantalla de inicio de tu iPad. Cuando haya terminado, toque el botón Agregar.
Ahora debería aparecer un nuevo icono en la pantalla de inicio. Al tocar el icono, se abrirá la página web en modo de pantalla completa.
Nota: El icono de la pantalla de inicio de su iPad solo abre la página marcada en el modo de pantalla completa. La siguiente página que visite contendrá la dirección de Safari y las barras de título. Esta forma de reproducir su página web o presentación HTML5 en el modo de pantalla completa funciona si el código fuente de la página web contiene la siguiente etiqueta:
<meta name="apple-mobile-web-app-capable" content="yes">
Puede agregar esta etiqueta a su página web utilizando una herramienta de terceros, por ejemplo, iWeb SEO Tool o cualquier otra que desee. Tenga en cuenta que primero debe agregar la etiqueta, actualizar la página y luego agregar un marcador a la pantalla de inicio.
Solo abre la primera página (marcada) en pantalla completa. Cualquier página siguiente se abrirá CON la barra de direcciones visible nuevamente. Cualquiera que sea la metaetiqueta que pongas en el encabezado de tu página ...
Este sitio tiene una solución de trabajo, el mismo efecto, usa algo de javascript para configurar el primer div secundario a la altura total de la ventana gráfica. http://webapp-net.com/Demo/Index.html
Parece que la mayoría de las respuestas de este hilo no se han mantenido al día. iOS Safari en iPads tiene soporte de pantalla completa ahora y es muy fácil de implementar usando javascript.
Aquí está mi artículo completo sobre cómo implementar la capacidad de pantalla completa en su aplicación web.