Question

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

全屏

如果（No.1不可能）导航栏被永久显示或永久隐藏

应用程序固定在该位置，无法水平或垂直滚动，右侧没有滚动

是否可以使用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插件来获取滚动解决方案。

在尝试任何事情之前，您应该查看以下一些主题：

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);
 }

Answer 2

允许用户全屏显示的浏览器功能。有些移动浏览器不支持它。这包括Android原生浏览器。如果是，则只是隐藏标签栏和导航栏的浏览器显示设置
当页面溢出并且用户向下滚动时，会自动显示滚动
对于Android原生浏览器，该栏位于网站顶部。因此，如果用户可以向下滚动页面，它将被滚动出去。有些浏览器还有其他额外的条形贴在页面一侧。例如，海豚的书签，历史和附加栏就在其旁边
所有这些都可以通过设置元素的高度和宽度使用javascript或css进行管理
为获得最佳效果，请改用Chrome
避免使用jQuery mobile，它会使一切失败
还要记得将此标记用于防止缩放

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

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

2 个答案: