使用HTML/javascript在Android 2.3上隐藏浏览器中的URL

有人知道如何使用HTML/javascript隐藏Android上的URL（如全屏）吗？使用HTML/javascript在Android 2.3上隐藏浏览器中的URL

在iPad（Safari）上，这很简单，只需使用几个元标记即可完成。

我已经试过这样的事情：

$(document).ready(function() { 
scrollTo(0, 1); 
});

但是，摩托罗拉T1，仍显示地址栏:(

来源

2012-03-23 maksim09

确保您的页面足够长，以便滚动发生。 – codaniel 2012-03-23 12:10:31

试试这个

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

即使你的工作页面不够长

来源

2012-03-23 13:05:23 dali

试试这个，我用它，它似乎在Android上完美工作。 “从这里S：
任何解决方案的 https://gist.github.com/1183357

/* 
* Normalized hide address bar for iOS & Android 
* (c) Scott Jehl, scottjehl.com 
* MIT License 
*/ 
(function(win){ 
var doc = win.document; 

// If there's a hash, or addEventListener is undefined, stop here 
if(!location.hash && win.addEventListener){ 

    //scroll to 1 
    window.scrollTo(0, 1); 
    var scrollTop = 1, 
     getScrollTop = function(){ 
      return win.pageYOffset || doc.compatMode === "CSS1Compat" && doc.documentElement.scrollTop || doc.body.scrollTop || 0; 
     }, 

     //reset to 0 on bodyready, if needed 
     bodycheck = setInterval(function(){ 
      if(doc.body){ 
       clearInterval(bodycheck); 
       scrollTop = getScrollTop(); 
       win.scrollTo(0, scrollTop === 1 ? 0 : 1); 
      } 
     }, 15); 

    win.addEventListener("load", function(){ 
     setTimeout(function(){ 
      //at load, if user hasn't scrolled more than 20 or so... 
      if(getScrollTop() < 20){ 
       //reset to hide addr bar at onload 
       win.scrollTo(0, scrollTop === 1 ? 0 : 1); 
      } 
     }, 0); 
    }); 
} 
})(this);

来源

2012-03-29 21:07:02 user1091949

无上述工作对我来说三星S3 mini耳机采用Android 4.1.1

但我也跟着提到的网址，有是绝对正确解。感谢您的支持。

https://gist.github.com/1183357

见Fresheyeball的实现。这在纵向和横向模式下也是完美的。

我只是在这里复制我的完整的例子：

<!DOCTYPE html> 
<html> 
    <head> 
     <title></title> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 
     <script type="text/javascript" src="jquery-1.8.3.min.js"></script> 
     <script type="text/javascript"> 
      $(function() { 
       hideAddressBar(); 
      }); 

      function hideAddressBar() { 
       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); 
       } else { 
        addEventListener("load", function() { 
         setTimeout(hideURLbar, 0); 
         setTimeout(hideURLbar, 500); 
        }, false); 
       } 
       function hideURLbar() { 
        if (!pageYOffset) { 
         window.scrollTo(0, 1); 
        } 
       } 
       return this; 
      } 
     </script> 
    </head> 
    <body> 
     <section> 
      <div> 
       <h1>First title</h1> 
       <p>Just some content</p> 
      </div> 
     </section> 
     <section> 
      <div>Any text</div> 
     </section> 
    </body> 
</html>

当然，你需要把jQuery的主要js文件，以及为了这个例子正常工作中。您可以从这里下载http://jquery.com/download/

来源

2013-03-05 12:13:58

使用HTML/javascript在Android 2.3上隐藏浏览器中的URL

回答

相关问题