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
Traducci贸n realizada por elWebmaster.com
Lunes, 25 de Abril de 2011 a las 11.47
ah, ok, si yo tengo google chrome, o safari puedo hacerlo no?
Viernes, 2 de Marzo de 2012 a las 17.23
en mi ipad esto no funciona, sigo viendo la barra de navegacion
Lunes, 14 de Mayo de 2012 a las 11.10
No es por nada pero la funci贸n scrollTo solo sirve para posicionar el scroll el el punto que le digamos. En el c贸digo que pones sirve para poner el scroll horizontal, en la posici贸n 0, y el vertical en la 1, pero no tiene nada que ver con la barra de direcciones.
Jueves, 3 de Enero de 2013 a las 16.17
Lo hice para una aplicaci贸n .net y no funciona en mi iPad.
Tienen algunas otra soluci贸n.