如何在Android默认浏览器上控制屏幕视图

Question

我想开发一个Web应用程序，用户可以使用Android默认Web浏览器（至少）访问它。关于应用程序屏幕控件有一些问题，但我仍然找不到其他任何地方的解决方案，我不知道在哪里可以找到相似的外观。我需要该应用程序

1. 全屏
2. 如果（第1号是不可能的）导航栏是永久显示或永久隐藏的
3. 该应用程序已固定到位置，不能水平或垂直滚动，右侧没有滚动器

可以使用JavaScript/css/html？

Answer 1

您可以使用此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);
 }

Answer 2

1. 它是浏览器功能，允许用户全屏。一些移动浏览器不支持它。这包括Android本机浏览器。如果是的话，只是隐藏了标签栏和导航栏

，只是浏览器显示设置

2. 自动，当页面溢出并用户向下滚动

时出现滚动

3. 对于Android Native浏览器，该标准符合网站的顶部。因此，如果用户可以向下滚动页面，则将其滚动。一些浏览器还在页面侧有其他额外的条。例如，海豚有书签，历史记录和附加条

4. 所有这些都可以通过设置元素的高度和宽度来简单地使用JavaScript或CSS进行管理

5. 为了获得最佳性能，请使用chrome

6. 避免使用JQuery Mobile，它将失败所有内容

7. 还记得放置此标签以防止Zooming

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