从浏览器中删除地址栏(在Android上查看)

Question

有谁知道如何从Android浏览器中删除地址栏以更好地查看我的网络应用程序并使其看起来更像本机应用程序？

Answer 1

您可以使用下一个代码执行此操作

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

我希望它对你有所帮助!

Answer 2

这是NON-jQuery解决方案,可以在不滚动的情况下立即删除地址栏.此外,它可以在您旋转浏览器的方向时起作用.

function hideAddressBar(){
  if(document.documentElement.scrollHeight<window.outerHeight/window.devicePixelRatio)
    document.documentElement.style.height=(window.outerHeight/window.devicePixelRatio)+'px';
  setTimeout(window.scrollTo(1,1),0);
}
window.addEventListener("load",function(){hideAddressBar();});
window.addEventListener("orientationchange",function(){hideAddressBar();});

它也适用于iPhone,但我无法测试.

Answer 3

如果已加载jQuery,则可以查看内容的高度是否大于视口高度.如果没有,那么你可以使它高度(或少一点).我在Android模拟器中以WVGA800模式运行以下代码,然后在我的Samsung Galaxy Tab上运行它,在这两种情况下它都隐藏了地址栏.

$(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 -= 250;
      $('BODY').css('height',nViewH + 'px');
    }
    window.scrollTo(0,1);
  }

});

Answer 4

参考Volomike的回答,我建议更换线路

nViewH -= 250;

同

nViewH = nViewH / window.devicePixelRatio;

它完全像我检查HTC Magic(PixelRatio = 1)和三星Galaxy Tab 7"(PixelRatio = 1.5).