iPad: muestra el sitio web a pantalla completa con controles ocultos, barra de direcciones y barra de estado de iOS

Mi iPad con iOS 12.0.1 muestra un sitio web bloqueado a los visitantes.

¿Cómo puedo permitir que el navegador esté en pantalla completa, sin barra de URL ni barra de estado? No pude encontrar opciones relacionadas en Safari o Chrome.

¿Puedes compartir una captura de pantalla del iPad?
@NimeshNeema, ¿qué parte quieres ver? imgur.com/a/MrUfV7Q imgur.com/a/7xrNiwh

Respuestas (3)

Aunque es posible que ciertas aplicaciones de iOS (dependiendo de la forma en que estén programadas) oculten la barra de estado en iPhone y iPad, la mayoría de las aplicaciones (salvo juegos, aplicaciones de transmisión de video) optan por no hacerlo.

Los navegadores web Safari y Chrome para iPad no tienen control nativo para ocupar la pantalla completa del navegador. Sin embargo, al desplazarse por la página web, los controles del navegador y el área de la barra de direcciones se reducen para proporcionar un poco más de espacio para el contenido.

Sin embargo, mientras ve videos en tiempo real, tiene la opción de verlos en pantalla completa con los controles del navegador ocultos. Durante la transmisión de video, la barra de estado se muestra solo cuando se toca la pantalla para ver momentáneamente los controles de reproducción.


Safari para iOS

Modo normal

ingrese la descripción de la imagen aquí

Modo de controles reducidos

ingrese la descripción de la imagen aquí


Chrome para iOS

Modo normal

ingrese la descripción de la imagen aquí

Modo de controles reducidos

ingrese la descripción de la imagen aquí


Transmisión de video, modo de pantalla completa

ingrese la descripción de la imagen aquí

Agregar a la pantalla de inicio solo funciona con metaetiquetas especiales. Hay aplicaciones específicas que están diseñadas para mostrar una página web bloqueada en pantalla completa sin codificaciones especiales, como kiosker.io .

Simplemente use la opción "agregar a la pantalla de inicio" y deshabilitará la barra de direcciones y la barra de estado.

Esto es solo si el sitio web proporciona la metaetiqueta necesaria para respaldar esto, lo cual no es habitual.
Eso es solo para PWA.