15

モバイル デバイス用の HTML5 Web アプリを作成していますが、ブラウザーのナビゲーション バー (戻るボタンと進むボタン)を非表示にするように求められました(前のタイプミス)。どうすればそれを達成できますか?

Phone Gapを使用してそれを達成できるはずだと思います。しかし、「通常の」Web アプリでブラウザ バーを非表示にすることは可能でしょうか? ウェブサイト/アプリをホーム画面にピン留めすれば可能だと思いますか?

iPhone にはhttp://ajaxian.com/archives/iphone-full-screen-webappsがありますが、少なくとも Andriod はどうでしょうか?

4

6 に答える 6

13

この質問は現時点では少し古くなっていることを知っているので、ここに更新があります:

iOS 7 以降の Safari では、このソリューションは優れています。

<meta name="viewport" content="minimal-ui, width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

minimal-ui 属性は、タスクバーをそのまま維持しながら、ブラウザですべてのボタンを非表示にします。

私はこれをアンドロイドでテストしていません。

于 2014-09-15T03:02:33.740 に答える
6

Web アプリでJQueryを使用できる場合は、 NiceScrollプラグインを使用することをお勧めします。

これは、モバイル ブラウザーとデスクトップ ブラウザーの両方で使用でき、ブラウザーのスクロールバーを非表示にします。コードがブラウザのビューポートの高さを超えている場合、使用されていない場合はフェードアウトするカスタム スクロールバーが作成されます。

これがそのデモです。

編集:
あなたの更新によると、私は実際にはネイティブのモバイル Web アプリ開発者ではないことを付け加えたいと思いますが、問題を検索しているときに、さらに先に進むのに役立ついくつかの SO の質問を見つけました。

そして、これらのチュートリアル:

于 2012-07-01T09:27:11.973 に答える
2

このアプリケーションを Android 用に使用できます: Kiosk Web/Html Browser。フルスクリーンの「没入モード」で表示される html を配置できるフォルダーを SD カードに作成します。

于 2015-02-16T14:09:19.270 に答える
0

最新の Chrome for Android ベータ版には、このような機能があります: https://developers.google.com/chrome/mobile/docs/installtohomescreen

于 2013-11-06T11:26:55.430 に答える
0

編集

新しい答え

この質問が出されてから、多くの変化がありました。現在では、スクロールや固定位置に対する適切なネイティブ サポートがあり、ほとんどの OS のブラウザー バーは当時よりもはるかに小さくなっています。これが事実であるため、ほとんどのサイトと回答が推奨するように、スクロールハックに頼らないことをお勧めします. OS のルールに従うことで、Web アプリケーションの安定性、使いやすさ、および将来の互換性が向上します。

古い答え

誰かがiPhoneをWebアプリとしてホーム画面に保存すると、iPhoneで可能になります。これは、適切なメタ タグを追加すると機能します。

標準のブラウザモードの場合、ハックにフォールバックする必要があるのは少しトリッキーです。基本的に、スクロールするとアドレスバーが消えます(iPhoneの場合、ほとんどの場合Androidの場合)。これは JavaScript で偽装できます。モバイル tuts にも良い記事があります: http://mobile.tutsplus.com/tutorials/mobile-web-apps/remove-address-bar/ですが、これはコンテンツが画面解像度より長い場合にのみ機能します。

于 2012-11-21T22:33:06.170 に答える