8

Estoy tratando de configurar el modo de pantalla completa en mi aplicación web para iPhone, he leído la documentación de Apple en la metaetiqueta compatible con apple-mobile-web-app, pero no funciona, puedo ¿me ayudas? GraciasSafari Mobile pantalla completa

+4

¿Tiene usted anuncio lo dedicó a la pantalla de inicio y lo lanzó de esa manera? No funcionará en Safari normal. – ceejayoz

Respuesta

6

Usted también puede agregar una función de JavaScript:

<body onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);"> 
+0

Gracias, es lo que necesito –

+0

esto funciona para la barra de URL, pero ¿hay alguna manera de ocultar la barra de navegación en la parte inferior? – bobighorus

+0

más en este javascript hack aquí: http://mobile.tutsplus.com/tutorials/mobile-web-apps/remove-address-bar/ –

13
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> 

Asegúrese de hacer lo mencionado Bala Clark

Vale la pena mencionar que estas etiquetas sólo funcionan cuando la aplicación se guarda la pantalla de inicio e iniciar desde allí

+2

Estoy usando esta metaetiqueta, pero no funciona –

+5

esas metaetiquetas solo funcionan para iOs safari y solo si el usuario agregó el sitio web a su pantalla de inicio. –

+2

Vale la pena mencionar que estas etiquetas solo funcionan cuando la aplicación se guarda en la pantalla de inicio y se inicia desde allí. –

Cuestiones relacionadas