ホーム画面アイコンとしてブックマークされたWebアプリのSafariUIコンポーネントを非表示にしようとしています。このメタタグを使用しています
<meta name="apple-mobile-web-app-capable" content="yes" />
iPhone Dev Centerで指定されているとおりですが、ホーム画面アイコンから起動してもアドレスバーとツールバーは表示されたままです。何を変える必要がありますか?誰か例がありますか?
ホーム画面アイコンとしてブックマークされたWebアプリのSafariUIコンポーネントを非表示にしようとしています。このメタタグを使用しています
<meta name="apple-mobile-web-app-capable" content="yes" />
iPhone Dev Centerで指定されているとおりですが、ホーム画面アイコンから起動してもアドレスバーとツールバーは表示されたままです。何を変える必要がありますか?誰か例がありますか?
window.top.scrollTo(0, 1);
iPhone では動作しますが、iPad では動作しません。を使用して、iPad でブラウザー コンポーネントを非表示にすることに成功しました (おそらくどこでも)。
<meta name="apple-mobile-web-app-capable" content="yes" />
ホーム画面のリンクから起動します。私も使っています
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
ビューポートのプロパティを省略した場合、ブラウザー コンポーネントがまだ非表示になっているかどうかは確認していません。
ホーム画面から起動していますか?リンク先のページのドキュメントには記載されていませんが、私はこれを見つけました@ Webアプリケーションの構成:
たとえば、「WebクリップのWebページアイコンの指定」で説明されているように、ホーム画面に追加されたときにそれを表すために使用されるWebアプリケーションのアイコンを指定できます。ホーム画面からWebアプリケーションを起動するときに、「ステータスバーの外観の変更」および「Safariユーザーインターフェイスコンポーネントの非表示」で説明されているように、iPhone上のSafariユーザーインターフェイスを最小化することもできます。これらはすべてオプションの設定であり、Webコンテンツに追加すると、他のプラットフォームでは無視されます。
追加してみましたか...
<meta name="apple-touch-fullscreen" content="yes" />
私が知る限り、iOS は実際にアプリを追加するときにのみフラグに注意を払います。Apple-mobile-web-app-capable が最初に機能しない場合は、ホーム画面からアプリを削除してから、再度追加してみてください。
私はいくつかの実験を実行し、次のことを発見しました。
それが役立つことを願っています!
これはかなり古いことは知っていますが、解決策を探しているときにこれに出会いました。以下も追加することでこれを修正できました。
window.top.scrollTo(0, 1);
body の onload メソッドに。これに遭遇した他の誰かに役立つことを願っています。
これを試して
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width; user-scalable=0;">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="apple-touch-icon" href="icon.png">
<meta name="apple-mobile-web-app-capable" content="yes" />
iOS6 + Mobile Safariブラウザで動作しますが、サイトにメタタグを含めた後でホーム画面にページを追加した場合に限ります。
<meta name="apple-mobile-web-app-capable" content="yes" />
これは、次の場合に機能します。
それは確かに期待どおりに動作するはずです。私は過去に問題なく使用しました。
iOS 7.1以降、使用できますminimal-ui
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">