私は使用しようとしています
<meta name="apple-mobile-web-app-capable" content="yes">
iOS Safari にブラウザのものなしでページを表示させるためのタグ。少なくとも、それが私のためにすべきことだと思います。( Apple のドキュメントには詳細な説明はありません。)
これまでのところ、私はそれを何もすることができません。JSBin の例を次に示します。 タグの有無にかかわらず<meta>、ページは iPod Touch と iPad 2 の両方に表示され、上部 (および小さな画面の下部) にブラウザーが表示されます。
ブラウザに影響を与えるために他に何かする必要がありますか? それとも、それがどのように機能するかについての私の期待は間違っていますか? (注意してください、weinre 経由で、「windows.navigator.standalone」フラグを確認したところ、false.
これは、ユーザーがアプリへのリンクをホーム画面に追加したときにのみ、必要なことを行います。
window.scroll(0,1)ブラウザー内の場合の一般的なアプローチは、ブラウザーのものを画面の上部から取得する呼び出しを追加することです。(一番下のものをクリアする方法はありません。)
また、スケーリングが不要であることを示すタグが必要な場合もあります。
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, user-scalable=no, maximum-scale=1, minimum-scale=1" />
メタ タグが行うことは、ブラウザーでページを表示するときに、ページをホーム画面に追加するオプションを追加することです。ホームスクリーンのショートカットからページを開くと、フルスクリーンになり、navigator.standalone が true に設定されます。これは、フルスクリーン モードについて話すときに人々が言及するものです。