Blog / Ver una web como si fuese una app

Una vez desarrollada la demo de nuestra app en Html, Muse o Dreamweaver, intentaremos simular el comportamiento de un app nativa.
Para esto, subiremos la web a un servidor (que bien puede ser dropbox) y luego haremos lo siguiente:
Ocultaremos la barra de direcciones y los botones de navegación de safari en un iphone/ipad/android.
Para hacerlo, añadiremos un javascript siguiendo las instruciones de esta página:

https://gist.github.com/nateps/1172490

Una vez incluido el javascrip, añadiremos una linea extra al html de nuestra página, para definir el icono con el que queremos que nuestra web-app se inicie.

El código es el siguiente:

<link rel="apple-touch-icon" href="apple-touch-icon.png" sizes="150x150" />

Luego accederemos a la web desde safari, y le daremos a «añadir a pantalla de inicio» (o Add to Home Screen)

El resultado final, debería ser un icono en el escritorio, que abra nuestra web a fullscreen.