Appleは、Safari HTMLリファレンスで、以下のコードはiPhone OS2.1以降でWebアプリをフルスクリーンにすることになっていると述べています。
<meta name="apple-mobile-web-app-capable" content="yes">
しかし、それは機能していないようです。iPad WebAppのSafari内でタイトル/ロケーションバーを非表示にする方法はありますか？
Appleは、Safari HTMLリファレンスで、以下のコードはiPhone OS2.1以降でWebアプリをフルスクリーンにすることになっていると述べています。
<meta name="apple-mobile-web-app-capable" content="yes">
しかし、それは機能していないようです。iPad WebAppのSafari内でタイトル/ロケーションバーを非表示にする方法はありますか？
回答:
これは、アプリのブックマークをホーム画面に保存した後にのみ機能します。普通にサイトを閲覧するだけではありません。
新しいウィンドウを起動せずにブラウザにとどまりたい場合は、次のHTMLコードを使用してください。
<a href="javascript:this.location = 'index.php?page=1'">
まず、ホーム画面からSafariブラウザを起動し、全画面表示するWebページに移動します。
ウェブページを見つけたら、画面上部の矢印アイコンをタップします。
ドロップダウンメニューで、[ホーム画面に追加]オプションをタップします。
[ホームに追加]ウィンドウが表示されます。iPadのホーム画面にタイトルとして表示される説明をカスタマイズできます。完了したら、[追加]ボタンをタップします。
これで、新しいアイコンがホーム画面に表示されます。アイコンをタップすると、ウェブページが全画面モードで開きます。
注：iPadホーム画面のアイコンは、ブックマークされたページをフルスクリーンモードでのみ開きます。次にアクセスするページには、Safariのアドレスとタイトルバーが含まれます。ウェブページまたはHTML5プレゼンテーションをフルスクリーンモードで再生するこの方法は、ウェブページのソースコードに次のタグが含まれている場合に機能します。
<meta name="apple-mobile-web-app-capable" content="yes">
このタグは、iWeb SEOToolなどのサードパーティツールやその他の任意のツールを使用してWebページに追加できます。最初にタグを追加し、ページを更新してから、ホーム画面にブックマークを追加する必要があることに注意してください。
最初の（ブックマークされた）ページを全画面で開くだけです。次のページが開き、アドレスバーが再び表示されます。ページヘッダーにどのようなメタタグを付けても...
このサイトには回避策があり、同じ効果があり、JavaScriptを使用して、最初の子divをビューポートの全高に設定します。 http://webapp-net.com/Demo/Index.html
このスレッドのほとんどの回答が追いついていないようです。iPad上のiOSSafariは現在フルスクリーンをサポートしており、javascriptを使用して実装するのは非常に簡単です。
これは、Webアプリにフルスクリーン機能を実装する方法に関する私の完全な記事です。