21

ホーム画面アイコンとしてブックマークされたWebアプリのSafariUIコンポーネントを非表示にしようとしています。このメタタグを使用しています

<meta name="apple-mobile-web-app-capable" content="yes" />

iPhone Dev Centerで指定されているとおりですが、ホーム画面アイコンから起動してもアドレスバーとツールバーは表示されたままです。何を変える必要がありますか?誰か例がありますか?

4

13 に答える 13

30
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" />

ビューポートのプロパティを省略した場合、ブラウザー コンポーネントがまだ非表示になっているかどうかは確認していません。

于 2010-07-20T02:29:48.523 に答える
7

ホーム画面から起動していますか?リンク先のページのドキュメントには記載されていませんが、私はこれを見つけました@ Webアプリケーションの構成

たとえば、「WebクリップのWebページアイコンの指定」で説明されているように、ホーム画面に追加されたときにそれを表すために使用されるWebアプリケーションのアイコンを指定できます。ホーム画面からWebアプリケーションを起動するときに、「ステータスバーの外観の変更」および「Safariユーザーインターフェイスコンポーネントの非表示」で説明されているように、iPhone上のSafariユーザーインターフェイスを最小化することもできます。これらはすべてオプションの設定であり、Webコンテンツに追加すると、他のプラットフォームでは無視されます。

于 2008-11-07T21:27:55.007 に答える
6

追加してみましたか...

<meta name="apple-touch-fullscreen" content="yes" />
于 2010-01-04T21:58:30.953 に答える
3

私が知る限り、iOS は実際にアプリを追加するときにのみフラグに注意を払います。Apple-mobile-web-app-capable が最初に機能しない場合は、ホーム画面からアプリを削除してから、再度追加してみてください。

私はいくつかの実験を実行し、次のことを発見しました。

  • ヘッダー内のメタ タグの場所は問題ではないようです (そうかもしれないと思いました!)。
  • アプリを追加してアドレス バーを正しく削除した後、Web ページからメタ タグを削除すると、iOS は引き続きツールバーを削除します。
  • デバイスを再起動した後でも、ツールバーを削除するかどうかは「記憶」されています。この動作をリセットする唯一の方法は、アプリを削除して再度追加することです。

それが役立つことを願っています!

于 2011-10-19T22:27:35.887 に答える
2

これはかなり古いことは知っていますが、解決策を探しているときにこれに出会いました。以下も追加することでこれを修正できました。

window.top.scrollTo(0, 1);

body の onload メソッドに。これに遭遇した他の誰かに役立つことを願っています。

于 2010-06-15T23:25:09.217 に答える
1

これを試して

<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">
于 2012-08-30T08:58:21.180 に答える
0
<meta name="apple-mobile-web-app-capable" content="yes" />

iOS6 + Mobile Safariブラウザで動作しますが、サイトにメタタグを含めた後でホーム画面にページを追加した場合に限ります。

于 2013-03-07T12:20:14.510 に答える
0
<meta name="apple-mobile-web-app-capable" content="yes" />

これは、次の場合に機能します。

  1. このタグは、アプリがホーム画面に追加されたときに存在します。
  2. アプリはホーム画面から起動します。
于 2012-09-12T16:47:33.130 に答える
0

それは確かに期待どおりに動作するはずです。私は過去に問題なく使用しました。

于 2008-11-08T16:30:49.803 に答える
0

iOS 7.1以降、使用できますminimal-ui

<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
于 2014-03-20T21:59:31.767 に答える