html - propaganda - Ocultar la barra de direcciones en el navegador del dispositivo móvil
como bloquear anuncios en google chrome (4)
Solo agrega '' BR '' al final de la página. o puedes usar el jqueryUI con la div height 100%
Sé una manera de hacer esto.
<body onload="setTimeout(function() {window.scrollTo(0, 1)}, 100)">
...
</body>
Pero esto funciona solo si la página es lo suficientemente grande como para desplazarse. Si la página se ajusta a la pantalla, la función anterior no funcionará. ¿Cómo ocultar la barra de direcciones en este caso? Necesito que funcione con dispositivos iphone, ipad, android.
Tal vez puedas ajustar la altura mínima en el cuerpo más grande. Altura de la pantalla de 480 px en modo vertical + altura de la barra de dirección de 60 px = 540 px.
Ejemplo:
body { min-height:540px; }
body[orient="portrait"] { min-height:540px; }
body[orient="landscape"] { min-height:400px; }
de http://mobile.tutsplus.com/tutorials/mobile-web-apps/remove-address-bar/ encontré
function hideAddressBar() {
if(!window.location.hash) {
if(document.height < window.outerHeight)
document.body.style.height = (window.outerHeight + 50) + ''px'';
setTimeout( function(){
window.scrollTo(0, 1);
document.body.style.height = ''auto'';
}, 50 );
}
}
Un poco modificado
Funciona bastante bien en algunos navegadores, pero al menos no puedo hacer que funcione con Android Chrome.
iPhone:
Funciona solo si la "aplicación" móvil se agrega a la pantalla de inicio (a través del icono más -> agregar a la pantalla de inicio)
<meta name="apple-mobile-web-app-capable" content="yes" />
No tengo experiencia con otros sistemas operativos móviles, pero una búsqueda rápida en Google para ocultar la barra de URL del navegador de Android resultó en una solución similar a la suya, con un window.scrollTo.