¿Cómo eliminar la barra de direcciones en Safari en iOS?

Viejo truco con window.scrollTo (0,1); no funciona Y lo que es peor, la barra de direcciones se mueve solo un poco y se queda a medio camino a veces.¿Cómo eliminar la barra de direcciones en Safari en iOS?

Fuente

2011-10-25 firedev

supongo que el código debería funcionar ..

de todos modos aquí es la forma correcta de decir Safari móvil que desea que la pantalla completa: click me

por ejemplo, utilizar

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

EDITAR

Apple utiliza una nueva propiedad móvil-ui para mostrar una interfaz de usuario mínima en Safari:

Una propiedad, mínimo-ui, se ha añadido para la ventana gráfica tecla de metaetiqueta que permite minimizar las barras superior e inferior en el iPhone a medida que se carga la página. Mientras estás en una página usando minimal-ui, tocar la barra superior trae las barras hacia atrás. Tocando hacia atrás en el contenido los descarta nuevamente.

utilizar de esta manera:

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />

fuente: https://www.perpetual-beta.org/weblog/ios-7-dot-1-mobile-safari-minimal-ui.html

Fuente

2011-10-25 14:47:05 Gotschi

Probé todas las metaetiquetas, necesito el comportamiento anterior que puede ocultar la barra de direcciones después de cargar la página sin agregarla a la pantalla de inicio. – firedev

En mi situación, el cambio solo funcionó, luego de volver a poner la aplicación en la pantalla de inicio. – speznaz

Quiero que funcione sin agregar la aplicación en la pantalla de inicio, esa es la cuestión. – firedev

Es una combinación de muchas cosas como he encontrado cuando la investigación de este problema por mí mismo. Aquí está el código que funciona correctamente en IOS5: (sé que soy un poco tarde, pero la respuesta es una respuesta, es de esperar que pueda ayudar a las personas en el futuro)

<!DOCTYPE html> 
<html> 
<head> 
<title>Hide Address Bar</title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<script> 
window.addEventListener("load",function() { 
    setTimeout(function(){ 
    window.scrollTo(0, 0); 
    }, 0); 
}); 
</script> 
<style> 
body { min-height: 480px; } 
</style> 
</head> 
<body> 
<h1>Content</h1> 
</body> 
</html>

Fuente: http://24ways.org/2011/raising-the-bar-on-mobile

Ejemplo: http://jsbin.com/isenax/

Fuente

2012-02-26 22:13:58

Para la nueva pantalla del iPhone 5, tendrá que subir un poco la altura mínima. Mi experiencia mostró que 505px es suficiente. Dependiendo de su aplicación, puede configurar esto de forma dinámica dependiendo del dispositivo del usuario. – Sean

En lugar de especificar la altura en el estilo CSS, también puede agregar una entrada adicional en la metaetiqueta de la ventana gráfica. Puede especificar height = device-height. De esta manera, la barra permanecerá oculta incluso si cambia la orientación del dispositivo. –

Desde IOS7 el truco window.scrollTo ya no funciona. No hay ningún trabajo por el momento, excepto para invitar al usuario a agregar su sitio web a la pantalla de inicio.

http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review

Is it possible to hide the address bar in iOS 7 Safari?

Impossible to hide navigation bars in Safari iOS 7 for iPhone/iPod touch

Fuente

2013-10-16 16:14:42 svassr

En iOS 7 puede utilizar la etiqueta meta mínima-ui. Desafortunadamente, eso fue eliminado en iOS 8.

Para iOS 8 hay un proyecto llamado brim que se supone que trae de vuelta la funcionalidad de tipo de ui minimal. Se puede encontrar aquí: https://github.com/gajus/brim

Fuente

2015-05-28 20:52:35

¿Cómo eliminar la barra de direcciones en Safari en iOS?

Respuesta

Cuestiones relacionadas