ipad - name - la pantalla de mi iphone se ve opaca

Pantalla completa de iPad WebApp en Safari

Question

Apple dice en la referencia HTML de Safari que se supone que el código siguiente hará que la aplicación web se muestre a pantalla completa en iPhone OS 2.1 y versiones posteriores.

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

Pero parece que no funciona. ¿Hay alguna forma de ocultar la barra de título / ubicación dentro de Safari en una aplicación web iPad?

Answer 1

1. Primero, inicie su navegador Safari desde la pantalla de inicio y vaya a la página web que desea ver en pantalla completa.

2. Después de ubicar la página web, toque el ícono de flecha en la parte superior de su pantalla.

3. En el menú desplegable, toque en Agregar a la pantalla de inicio.

4. Se debe mostrar la ventana Agregar a inicio. Puede personalizar la descripción que aparecerá como título en la pantalla de inicio de su iPad. Cuando hayas terminado, toca el botón Agregar.

5. Un nuevo icono debería aparecer ahora en su pantalla de inicio. Al tocar el icono se abrirá la página web en el modo de pantalla completa.

Nota: El icono en 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 con 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 su pantalla de inicio.

Answer 2

Este sitio tiene una solución de trabajo, el mismo efecto, utiliza algunos javascript para establecer el primer div infantil a la altura total de la ventana gráfica. http://webapp-net.com/Demo/Index.html

Answer 3

Esto solo funciona después de guardar un marcador en la aplicación en la pantalla de inicio. No si solo navega al sitio normalmente.

Answer 4

Si desea permanecer en un navegador sin iniciar una nueva ventana, use este código HTML:

<a href="javascript:this.location = ''index.php?page=1''">

Answer 5

Solo abre la primera página (marcada) a pantalla completa. Cualquier página siguiente se abrirá CON la barra de direcciones visible de nuevo. Cualquier metaetiqueta que pongas en el encabezado de tu página ...