Existen algunas desventajas al desarrollar aplicaciones web, respecto a aplicaciones nativas para móviles.
Una de estas desventajas es el método para acceder a la aplicación. Cuando se instala una aplicación nativa, nos queda el acceso directo, para poder acceder a esta. Con una aplicación web, debemos abrir el navegador, escribir la dirección y ahí si llegamos a la aplicación. Afortunadamente podemos crear un bookmark (guardarla como favorita), con lo cual nos queda un acceso directo igual al de la aplicación nativa.
Otro de los problemas es que al estar dentro del navegador (Safari), no podemos aprovechar toda la pantalla del móvil, pues tenemos a la barra de direcciones y la barra de abajo que nos quitan espacio. Afortunadamente, este es un problema que también se soluciona fácilmente.
Las barras del navegador safari nos quitan una cantidad considerable de espacio, especialmente en el iPhone. Esto se puede ver en la siguiente imagen:
Como vemos, se desaprovechan 104 px de 480 px que tenemos disponibles. Mas del 20% del alto disponible.
Como dije, la solución es muy sencilla. Solo debemos agregar un meta-tag. Este le indica a iOS que se trata de una aplicación, y que no se necesitan las barras de navegación.
<meta name="apple-mobile-web-app-capable" content="yes" /> |
Cabe aclarar que esto solo ocultara las barras, cuando se ha guardado nuestra aplicación como favorita en el escritorio de iOS. De hecho, puede no ser muy recomendable ocultar las barras de navegación en otras circunstancias. Claro que si se desea, siempre es posible recurrir a Javascript como nos muestran en este artículo de 24ways.