Ne peut pas masquer les composants de l'interface utilisateur Safari

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

  •  05-07-2019
  •  | 
  •  

Question

Je suis très nouveau pour le développeur Web iPhone. J'ai commencé par lire Safari Web Content Guide. Ensuite, j'ai découvert que nous pouvons masquer l'interface utilisateur, par exemple la barre d'adresse de Safari. Par conséquent, j'ai suivi l'instructeur. Le résultat n'est pas ce que j'attendais. La barre d'adresse est toujours affichée.

Je mets cette balise META dans un fichier HTML.

et ceci ceci mon code 

<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>

J'attends votre réponse avec impatience, merci

Était-ce utile?

La solution

"apple-mobile-web-app-capable" Cela fonctionne uniquement lorsque vous lancez votre application Web après avoir enregistré un lien dans l'écran d'accueil, puis lancez votre application Web à partir de la nouvelle icône.

Pour les pages Web standard, vous devez faire défiler la barre d’adresses en utilisant: 

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

La barre de navigation au bas de l'écran est permanente pour les pages Web classiques, mais elle est amovible pour les applications Web (enregistrée sur l'écran d'accueil) à l'aide de l'option "apple-mobile-web-app-capable". balise META.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top