Uso de la label meta de Apple para la aplicación web a pantalla completa

Estoy tratando de usar el

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

label para que iOS Safari muestre una página sin el contenido del browser; Al less, eso es lo que creo que debe hacer por mí. (La documentation de Apple no incluye muchos detalles).

Hasta ahora, no puedo hacer que haga nada. Aquí hay un ejemplo de JSBin. Con o sin la label <meta> , la página aparece tanto en un iPod Touch como en un iPad 2 con el contenido del browser en la parte superior (y en la parte inferior de la pequeña pantalla).

¿Hay algo más que tenga que pasar para afectar el browser? ¿O mis expectativas sobre cómo debería funcionar son incorrectas? (Tenga en count que, a través de weinre, he comprobado el indicador "windows.navigator.standalone", y parece ser false ).

Eso solo hace lo que quieres cuando el usuario agrega un enlace a tu aplicación a su pantalla de inicio.

Un enfoque común para el caso en el browser es agregar una llamada a window.scroll(0,1) que sacará el contenido del browser de la parte superior de la pantalla. (No hay forma de borrar las cosas del background).

Además, es posible que desee que una label indique que no desea escalar:

 <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, user-scalable=no, maximum-scale=1, minimum-scale=1" /> 

Lo que hace la label meta cuando ve su página en el browser, agrega una opción para agregar su página a la pantalla de inicio. Cuando abra su página a través del acceso directo de pantalla de inicio, estará en pantalla completa y en browser. La configuration estándar se establecerá en verdadero. Esto es a lo que se refieren las personas cuando hablan del modo de pantalla completa.