Con iOS y Android utilizando WebKit como motor de renderización en sus navegadores, puedes realizar versiones de tu web que se verán como aplicaciones nativas. Con algunas simples lineas de código lograremos, por ejemplo, ocultar la barra de navegación para aprovechar al máximo el tamaño de la pantalla.

Al principio puede sonar complejo, pero ¡No lo es! Tan sólo necesitamos un poco de Javascript:

    window.addEventListener("load",function() {
      setTimeout(function(){
        window.scrollTo(0, 1);
      }, 0);
    });

El método window.scrollTo es la clave para esconder la barra de navegación. La función envolvente setTimeout es requerida por los dispositivos iPhone para poder ocultar la barra. El no usar setTimeout puede ocasionarnos algunos problemas.

Eso fue todo. ¡Esperamos que te sea de utilidad!

Fuente original del artículo: David Walsh Blog


No olvides que para recibir los ultimos artículos directamente en tu correo te puedes suscribir (Recuerda Activar tu suscripción):
Cero-coolGeneraladress bar,Android,app,full screen,ios,nativa,navegación,web,WebKit,window.scrollto
Con iOS y Android utilizando WebKit como motor de renderización en sus navegadores, puedes realizar versiones de tu web que se verán como aplicaciones nativas. Con algunas simples lineas de código lograremos, por ejemplo, ocultar la barra de navegación para aprovechar al máximo el tamaño de la pantalla. Al principio...