83

Appleは、Safari HTMLリファレンスで、以下のコードはiPhoneOS2.1以降でWebアプリをフルスクリーンにすることになっていると述べています。

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

しかし、それは機能していないようです。iPad WebAppのSafari内でタイトル/ロケーションバーを非表示にする方法はありますか？

4

6 に答える 6

120

これは、アプリのブックマークをホーム画面に保存した後にのみ機能します。普通にサイトを閲覧するだけではありません。

于 2010-06-11T18:14:02.033 に答える
16

  1. まず、ホーム画面からSafariブラウザを起動し、全画面表示するWebページに移動します。

  2. Webページを見つけたら、画面上部の矢印アイコンをタップします。

  3. ドロップダウンメニューで、[ホーム画面に追加]オプションをタップします。

  4. [ホームに追加]ウィンドウが表示されます。iPadのホーム画面にタイトルとして表示される説明をカスタマイズできます。完了したら、[追加]ボタンをタップします。

  5. これで、新しいアイコンがホーム画面に表示されます。アイコンをタップすると、ウェブページが全画面モードで開きます。

注：iPadのホーム画面のアイコンは、ブックマークされたページをフルスクリーンモードでのみ開きます。次にアクセスするページには、Safariのアドレスとタイトルバーが含まれます。WebページまたはHTML5プレゼンテーションをフルスクリーンモードで再生するこの方法は、Webページのソースコードに次のタグが含まれている場合に機能します。

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

このタグは、iWebSEOToolなどのサードパーティツールやその他の好きなツールを使用してWebページに追加できます。最初にタグを追加し、ページを更新してから、ホーム画面にブックマークを追加する必要があることに注意してください。

于 2013-03-18T22:43:29.087 に答える
16

新しいウィンドウを起動せずにブラウザにとどまりたい場合は、次のHTMLコードを使用してください。

<a href="javascript:this.location = 'index.php?page=1'">
于 2011-07-25T16:37:07.537 に答える
7

最初の（ブックマークされた）ページを全画面で開くだけです。次のページが開き、アドレスバーが再び表示されます。ページヘッダーに配置するメタタグは何でも...

于 2011-03-23T22:37:24.430 に答える
1

このサイトには回避策があり、同じ効果があり、JavaScriptを使用して、最初の子divをビューポートの全高に設定します。 http://webapp-net.com/Demo/Index.html

于 2011-06-28T07:15:46.033 に答える
0

このスレッドのほとんどの回答が追いついていないようです。iPad上のiOSSafariは現在フルスクリーンをサポートしており、javascriptを使用して実装するのは非常に簡単です。

これが、Webアプリにフルスクリーン機能を実装する方法に関する私の完全な記事です。

于 2019-03-01T20:27:30.753 に答える