Safariユーザーインターフェイスコンポーネントを非表示にできない
-
05-07-2019 - |
質問
私は、iPhone Web開発者にとって非常に新しいです。 私はSafari Webコンテンツガイドを読むことから始めました。 次に、サファリのアドレスバーなどのユーザーインターフェイスを非表示にできることがわかりました。 そのため、インストラクターに従いました。結果は私が期待したものではありません。 アドレスバーは引き続き表示されます。
このメタタグをhtmlファイルに配置します。
そしてこれは私のコード
<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>
返信をお待ちしております、ありがとう
解決
&quot; apple-mobile-web-app-capable&quot;ホーム画面へのリンクを保存してWebAppを起動し、新しいアイコンからWebAppを起動した場合にのみ、魔法のように動作します。
通常のWebページでは、次を使用してアドレスバーをスクロールして非表示にします。
<script type="text/javascript">
window.addEventListener('load', function(){ setTimeout(function(){ window.scrollTo(0,0); }, 100); }, true);
</script>
画面の下部にあるナビゲーションバーは、通常のWebページでは永続的ですが、「App-Mobile-Web-App-Capable」を使用してWebApps(ホーム画面に保存)で削除できます。メタタグ。
所属していません StackOverflow