2011-01-21 59 views
19

Duplicar posibles:
Removing address bar from browser (to view on Android)¿Cómo ocultar la barra de direcciones de una página web en android?

Estoy intentando ejecutar una aplicación basada en la web en Android, y quiero ocultar la barra de dirección de página web mientras se ejecuta la aplicación. ¿Es eso posible? ¿Cómo lo hago?

+1

Aquí puede encontrar una explicación/respuesta más detallada. http://stackoverflow.com/questions/4068559/removing-address-bar-from-browser-to-view-on-android – worked

Respuesta

16

La ejecución de este código JavaScript en la carga de documentos, se desplazará el navegador de manera que la barra de direcciones está fuera de la pantalla:

window.scrollTo(0, 1); 

Eso es probablemente lo mejor que vas a conseguir sin tener que escribir una aplicación nativa de Android con una WebView para mostrar su aplicación web en

Editar:. Tenga en cuenta que esto sólo funciona para la versión antigua del navegador por defecto de Android. No funciona con Chrome.

+5

Funciona en Android 2, pero no en Android 4. –

+0

Funciona bien para mí en Android 4 (en mi Galaxy Nexus). ¿Estás usando el navegador predeterminado o algún otro navegador? –

+0

no funciona en * Google Chrome * y su omnibar (aparece en Android 4) –

13

No necesita utilizar Javascript en absoluto, el navegador de Android está basado en WebKit. Añadiendo las siguientes líneas

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1" /> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> 

en la porción <head> de su página le dará el resultado deseado.

+4

Solo quería agregar aquí el comentario declarado por Ryan Wheale a continuación: "no puede confiar en las etiquetas" apple "sugeridas por @Fuzzy. Aunque puede haber funcionado al mismo tiempo para algunos dispositivos Android, oficialmente no es compatible con Android OS " – anttir

+0

Aún no he conseguido que ninguna de las etiquetas de Apple funcione correctamente de una manera sensata con Android. Honestamente, parece que es un juego de adivinanzas. Por favor, abstenganse de decir las cosas obvias que ya hemos probado, y busquen aquí porque en primer lugar nunca funcionaron. – jdrefahl

+0

@Fuzzy: las metaetiquetas de Apple que sugirió evitan que se produzca el desplazamiento de ventana. – AVProgrammer

Cuestiones relacionadas