0

ユーザーが(少なくとも)AndroidのデフォルトWebブラウザを使用してアクセスできるWebアプリを開発したいと考えています。アプリの画面コントロールに関するいくつかの問題がありますが、他に解決策を見つけることができず、そっくりさんをどこで見つけることができるかわかりません。アプリが必要です

  1. 全画面表示
  2. もし(No.1は無理) ナビゲーションバーが永久に表示されているか、永久に隠されている場合
  3. アプリの位置が固定されており、横にも縦にもスクロールできず、右側にスクローラーが表示されない

これらのすべてまたは一部は、javascript/css/html を使用して実行できますか?

4

2 に答える 2

0

この jquery 関数を使用して、アドレス バーを非表示にすることができます。

    $(document).ready(function() {

      if (navigator.userAgent.match(/Android/i)) {
        window.scrollTo(0,0); // reset in case prev not scrolled  
        var nPageH = $(document).height();
        var nViewH = window.outerHeight;
        if (nViewH > nPageH) {
          nViewH = nViewH / window.devicePixelRatio;
          $('BODY').css('height',nViewH + 'px');
        }
        window.scrollTo(0,1);
      }

});

スクロール ソリューションを取得するには、 NiceScrollプラグインを試すことができます。

何かを試みる前に、次のスレッドを確認する必要があります。

ブラウザーからアドレスバーを削除する (Android で表示するため)

Android 用フルスクリーン Web アプリ

HTML5 フルスクリーン Web アプリ: ブラウザー バーなし

あなたも試すことができます:

if(navigator.userAgent.match(/Android/i)){
    window.scrollTo(0,1);
 }
于 2012-10-29T05:31:11.427 に答える
0
  1. ユーザーが全画面表示できるようにするのはブラウザの機能です。一部のモバイル ブラウザではサポートされていません。これには、Android ネイティブ ブラウザが含まれます。もしそうなら、タブバーとナビゲーションバーを非表示にするのはブラウザの表示設定だけです

  2. ページがオーバーフローし、ユーザーが下にスクロールすると、自動的にスクロールが表示されます

  3. Android ネイティブ ブラウザの場合、バーは Web サイトの上部に固定されます。したがって、ユーザーがページを下にスクロールできる場合は、スクロールアウトされます。一部のブラウザでは、ページ側に他の余分なバーが貼り付けられています。たとえば、イルカの横にはブックマーク、履歴、アドオン バーがあります。

  4. これらはすべて、要素の高さと幅を設定することにより、javascript または css を使用して簡単に管理できます。

  5. 最高のパフォーマンスを得るには、代わりに Chrome を使用してください

  6. jQuery モバイルの使用は避けてください。すべて失敗します。

  7. また、ズームを防ぐためにこのタグを付けることを忘れないでください

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

于 2012-10-30T05:03:16.697 に答える