如何在android默认浏览器上控制屏幕视图答案

【问题标题】：How to control screen view on android default browser如何在android默认浏览器上控制屏幕视图
【发布时间】：2012-10-18 10:30:58
【问题描述】：

我想开发一个网络应用程序，用户可以使用安卓默认网络浏览器访问它（至少）。应用程序屏幕控制存在一些问题，但我仍然无法在其他任何地方找到解决方案，而且我不知道在哪里可以找到相似的解决方案。我需要该应用程序

全屏

如果（No.1 是不可能的）导航栏要么永久显示要么永久隐藏

应用固定在该位置，无法水平或垂直滚动且右侧没有出现滚动条

是否可以使用 javascript/css/html 完成所有或部分操作？

【问题讨论】：

标签： android web-applications default-browser

【解决方案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插件来获得滚动解决方案。

在尝试任何事情之前，您应该查看更多线程：

Removing address bar from browser (to view on Android)

Fullscreen Web App for Android

HTML5 Full Screen Web Apps: No browser bars

你也可以试试：

if(navigator.userAgent.match(/Android/i)){
    window.scrollTo(0,1);
 }

【讨论】：

感谢您的回答。我去看看
这行不通。用户仍然可以滚动查看或隐藏导航栏
你在什么浏览器上测试这个？
安卓默认浏览器。正如我在问题中所说的
也失败了。它只在第一次加载 html 时隐藏栏。但仍然可以滚动窗口以隐藏和显示该栏。浏览器栏永久显示在其他浏览器中。但它是我尝试处理的android浏览器。至少在我别无选择之前

【解决方案2】：

它是允许用户全屏显示的浏览器功能。部分手机浏览器不支持。这包括 android 本机浏览器。如果是，只是浏览器显示设置隐藏了标签栏和导航栏
当页面溢出并且用户向下滚动时自动出现滚动
对于安卓原生浏览器，该栏固定在网站顶部。因此，如果用户可以向下滚动页面，它将被滚动出去。一些浏览器也有其他额外的栏贴在页面一侧。例如，dolphin 的侧面有书签、历史记录和附加栏
所有这些都可以使用javascript或css通过设置元素的高度和宽度来简单地管理
为获得最佳性能，请改用 Chrome
避免使用 jQuery mobile，一切都会失败
还要记得放这个标签来防止缩放

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

【讨论】：