Siguiente es la sección de la cabeza:

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

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

    <link rel="apple-touch-icon" href="/custom_icon.png"/>
    <link rel="apple-touch-startup-image" href="/startup.png">

    <script src="http://www.google.com/jsapi"></script>

    <script>
      window.top.scrollTo(0, 1);
      alert('ok');
      google.load("jquery", "1.4.1");
      google.load("jqueryui", "1.8.0");
    </script>

</head>

con iOS 4.2.1

De arriba no está funcionando para mí. Barra de Direcciones del navegador y la barra de herramientas inferior todavía están allí. He probado algunos tutoriales pero soy incapaz de cambiar nada. Alguna idea?

  • No se puede ocultar la barra de herramientas en Mobile Safari. Simple como eso. IOS web app es algo que los usuarios deben agregar a sus pantallas de inicio.
  • agregar a sus pantallas de inicio.. por favor Puede describir esto un poco más ??
  • He publicado una respuesta.
InformationsquelleAutor Awan | 2012-02-08

3 Comentarios

  1. 8

    Mediante programación no se puede ocultar la barra de herramientas en Mobile Safari.

    Que los usuarios necesitan para agregar una aplicación web para sus pantallas de inicio a fin por los bares que se oculta, la próxima vez que inicie la aplicación, pulsando en su icono. Esto se hace presionando el botón del medio en la barra de herramientas, a continuación, elegir Añadir a Pantalla de Inicio. Puede que tenga que mostrar un mensaje informando a los usuarios a hacer esto.

    • incluso cuando mi web app es disparado desde la pantalla de inicio de la barra de herramientas inferior permanece (el de arriba es oculto). ¿Por qué la parte inferior quedan? Estoy utilizando JQuery Mobile.
    • Consulte el código de la pregunta. Preste atención a las etiquetas meta.
    • Excelente consejo – si los usuarios van a ser uso de su sitio web a menudo, tienen que añadir como una webapp – funciona como un encanto!
    • Esto sólo funciona para la página que añadir a tu pantalla de inicio a pesar de derecho? Si hace clic en un enlace y pasar a otra página en el mismo sitio de la parte superior y la parte inferior aparecen las barras de nuevo.
    • Frank: Sí, que es por eso que las aplicaciones web necesitan para controlar la navegación de forma diferente.
  2. 17

    Para iOS 7.1, se puede establecer este en su encabezado para minimizar la interfaz de usuario:

    <meta name="viewport" content="width=device-width, minimal-ui">

    Fue introducido en iOS 7.1 beta 2. Este sitio fue instrumental en ayudar a entender cómo mínimo-interfaz de usuario funciona: http://www.mobilexweb.com/blog/ios-7-1-safari-minimal-ui-bugs

    • Esto ya no es compatible con IOS 8 en adelante.
  3. 5

    Puede utilizar este pequeno útil JS proyecto para ayudar a su usuario agregar la página a la pantalla:
    Agregar 2 Casa

    • Ella se ha ido. Cualquiera puede publicar? Sé que ha sido un largo tiempo, sin embargo. El conocimiento No se pierde. No es que lo que es todo acerca de?

Dejar respuesta

Please enter your comment!
Please enter your name here