No se pueden ocultar los componentes de la interfaz de usuario de Safari

StackOverflow https://stackoverflow.com/questions/1403478

  •  05-07-2019
  •  | 
  •  

Pregunta

Soy muy nuevo para desarrolladores web iPhone. Comencé con la lectura de la Guía de contenido web de Safari. Luego descubrí que podemos ocultar la interfaz de usuario, por ejemplo, la barra de direcciones de safari. Por lo tanto, seguí al instructor. El resultado no es lo que esperaba. La barra de direcciones aún se muestra.

Puse esta metaetiqueta en el archivo html.

y este este mi código 

<head>     
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Hello iPhone Web App</title>
    <style type="text/css">
          form{
           width:100%;
         }

         #searchBox{
          font-size:25px;
        width:50%;
         }
         #send{
          font-size:25px;
         }

         #containerTop{
           text-align:center;
           width:100%;
        }

    </style>
</head>
<body>
    <form method="get">
        <div id="containerTop">
            <input type="text" id="searchBox" name="search" autocapitalize="off" size="15" maxlength="128" />
            <input type="submit" id="send" value="ค้นหา" />
        </div>         
    </form>
</body>

Espero su respuesta, gracias

¿Fue útil?

Solución

" apta para aplicaciones web-móviles-apple " solo funciona es mágico cuando inicia su aplicación web después de haber guardado un enlace en la pantalla de inicio e inicie su aplicación web desde el nuevo icono.

Para las páginas web normales, debe desplazar la barra de direcciones fuera de la vista usando: 

<script type="text/javascript">
window.addEventListener('load', function(){ setTimeout(function(){ window.scrollTo(0,0); }, 100); }, true);
</script>

La barra de navegación en la parte inferior de la pantalla es permanente para las páginas web normales, pero es removible para las aplicaciones web (guardadas en la pantalla de inicio) usando la aplicación móvil Apple-mobile-web-app " metaetiqueta.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top