2011-06-22 5 views
11

Así puede hacer que un sitio web "pantalla completa" y ocultar la barra de direcciones/cromo en el iPad si el usuario agrega su página a su pantalla de inicio, lo que hace un icono en el pantalla de inicio desde la cual lanzan tu sitio. Usted acaba de poner algunas etiquetas meta de esta manera:¿Es posible ocultar el navegador iOS Chrome en una página web normal?

<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-touch-fullscreen" content="yes" /> 

Sin embargo, no he sido capaz de conseguir un sitio para ocultar el cromo navegador cuando la página es sólo en una sesión de navegación normal (el usuario no ha puesto en marcha su sitio directamente desde un icono en su pantalla de inicio). ¿Es posible hacerlo? ¿Cómo?

+0

Supongo que quiere el comportamiento de, digamos, Gmail móvil, pero sin tener que tener un icono en la pantalla de inicio ... ¿correcto? - basado en lo que leo aquí: http://daringfireball.net/linked/2008/10/03/fullscreen-iphone-web-apps solo se aplica si hay un icono de pantalla de inicio. – scunliffe

+0

Gmail hace esto hasta cierto punto. Todavía puede desplazar la barra de direcciones a la vista con un deslizamiento de dos dedos hacia abajo. Mirando sus métodos ahora. – Marcel

+0

@scunliffe: ¡Jinx! – Marcel

Respuesta

8

De acuerdo con Apple Docs, no dice específicamente que no se puede (sin embargo, como ha notado, parece que solo se comporta como se desea cuando el sitio se ha agregado a su pantalla de inicio).

También observé que en el Apple Support Forum el consenso parece ser que debe iniciar desde la pantalla de inicio para obtener el efecto deseado.

Presupuesto de Docs:

apple-mobile-web-app-capable 

establece si una aplicación web se ejecuta en modo de pantalla completa.

Sintaxis

<meta name="apple-mobile-web-app-capable" content="yes"> 

Discusión

Si el contenido se establece en sí, la aplicación web se ejecuta en modo de pantalla completa; de lo contrario, no es así. El comportamiento predeterminado es usar Safari para mostrar contenido web.

Puede determinar si una página web se muestra en modo de pantalla completa con la propiedad window.navigator.standalone de propiedad de JavaScript booleana de solo lectura.

disponibilidad

Disponible en iOS 2.1 y posterior.

3

encontré esto funciona,

$('body').delay('1000').animate({ scrollTop: '0px' }, 'slow'); 

Noté que el desplazamiento hacia abajo quitó, 60 píxeles por lo volutas (altura del cromo), pero que ocultan y desplacé por la página, sino un desplazamiento de 0px, suponiendo que tu página ha comenzado en la parte superior (no en un # objetivo), ¡la engaña!

Supongo que incluso podría eliminar la demora y la animación, pero quería que fuera suave y no demasiado desigual.

+0

¡Esto es un dulce truco! –

+0

Esto parece no funcionar más (estoy usando iOS 8). – Blazemonger

+0

Esto no funciona en iOS 9.3.1 - Safari – evolutionxbox

Cuestiones relacionadas