0

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

  1. 全屏
  2. If(No.1 is not possible) 导航栏要么永久显示要么永久隐藏
  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 原生浏览器，该栏固定在网站顶部。因此，如果用户可以向下滚动页面，它将被滚动出去。一些浏览器也有其他额外的栏贴在页面一侧。例如，dolphin 的侧面有书签、历史记录和附加栏

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

  5. 为获得最佳性能，请改用 Chrome

  6. 避免使用 jQuery mobile，它会失败一切

  7. 还要记得放这个标签以防止缩放

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

于 2012-10-30T05:03:16.697 回答