Cambio de metaetiqueta de la ventana del iPhone en el enlace de la pantalla de inicio

Question

Tengo una aplicación web que había configurado previamente las metaetiquetas necesarias para admitir el iPhone con un marcador de pantalla de inicio. El sitio web funcionó bien en Safari, y como el marcador con la capacidad de apple-mobile-web-app-set fue yes, por lo que eliminó los controles del navegador cuando usó el enlace de la pantalla de inicio.

Ahora que el iPhone 5 está apagado, me di cuenta de que con la configuración de la ventana gráfica que tenía en la página mostraba el sitio con barras negras en la parte superior e inferior de la pantalla. Desde entonces, he cambiado mi metaetiqueta de ventana gráfica para que use la pantalla completa del iPhone 5. Sin embargo, la única forma de que el marcador de la pantalla de inicio use las etiquetas de la nueva ventana gráfica y vaya a pantalla completa es eliminar el marcador y volver a agregar eso.

¿Hay alguna otra manera de configurar las cosas para que no sea necesario eliminar a todos los que tengan el marcador de pantalla de inicio instalado y volver a agregarlo para que el sitio pase a pantalla completa?

Answer 1

Esta es la solución que encontré por Burlin en Gist. Funciona un placer https://gist.github.com/3840737

<!-- standard viewport tag to set the viewport to the device's width 
    , Android 2.3 devices need this so 100% width works properly and 
    doesn't allow children to blow up the viewport width--> 
<meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" /> 
<!-- width=device-width causes the iPhone 5 to letterbox the app, so 
    we want to exclude it for iPhone 5 to allow full screen apps --> 
<meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)" />