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

有谁知道我可以如何从Android浏览器中删除地址栏,以更好地查看我的networking应用程序,使它看起来更像一个本地应用程序?

你可以用下面的代码来做到这一点

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

我希望它可以帮助你!

这里是非jQuery的解决scheme,即时删除地址栏而不滚动。 另外,当您旋转浏览器的方向时,它也可以工作。

 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一起工作,但我无法testing这个。

如果你已经加载jQuery,你可以看到内容的高度是否大于视口的高度。 如果没有,那么你可以把它做成那个高度(或者less一点)。 我在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); } }); 

提到Volomike的回答 ,我会build议更换这一行

 nViewH -= 250; 

 nViewH = nViewH / window.devicePixelRatio; 

它的工作原理与HTC Magic(PixelRatio = 1)和Samsung Galaxy Tab 7(PixelRatio = 1.5)相同。

下面的一个为我工作每一次..

这个网站也有一些其他的build议,但这个没有废话,不用担心的一个在github中可用:要点,并回答你的问题(粘贴在这里为了方便):

 function hideAddressBar() { if(!window.location.hash) { if(document.height < window.outerHeight) { document.body.style.height = (window.outerHeight + 50) + 'px'; } setTimeout( function(){ window.scrollTo(0, 1); }, 50 ); } } window.addEventListener("load", function(){ if(!window.pageYOffset){ hideAddressBar(); } } ); window.addEventListener("orientationchange", hideAddressBar ); 

据我所知,加上页面的额外高度的组合(导致你的问题)和scrollTo()语句使地址栏消失。

在同一个网站上,隐藏地址栏的“最简单的”解决scheme是使用scrollTo()方法:

 window.addEventListener("load", function() { window.scrollTo(0, 1); }); 

这将隐藏地址栏,直到用户滚动。

这个站点在同一个超时函数里放置了相同的方法(没有说明理由,但是声明代码在没有它的情况下工作不正常):

 // When ready... window.addEventListener("load",function() { // Set a timeout... setTimeout(function(){ // Hide the address bar! window.scrollTo(0, 1); }, 0); }); 

大部分问题是用户仍然可以向上滚动并查看地址栏。 要做出永久的解决scheme,您还需要添加这个。

 //WHENEVER the user scrolls $(window).scroll(function(){ //if you reach the top if ($(window).scrollTop() == 0) //scroll back down {window.scrollTo(1,1)} }) 

这适用于Android(至less在股票姜饼浏览器):

 <body onload="document.body.style.height=(2*window.innerHeight-window.outerHeight)+'px';"></body> 

进一步如果你想禁用滚动,你可以使用

 setInterval(function(){window.scrollTo(1,0)},50); 

这是一个例子,确保身体有最小高度的设备屏幕高度,也隐藏滚动条。 它使用DOMSubtreeModified事件,但每400ms只进行一次检查,以避免性能损失。

 var page_size_check = null, q_body; (q_body = $('#body')).bind('DOMSubtreeModified', function() { if (page_size_check === null) { return; } page_size_check = setTimeout(function() { q_body.css('height', ''); if (q_body.height() < window.innerHeight) { q_body.css('height', window.innerHeight + 'px'); } if (!(window.pageYOffset > 1)) { window.scrollTo(0, 1); } page_size_check = null; }, 400); }); 

在Android和iPhone上testing。

我希望它也有用

 window.addEventListener("load", function() { if(!window.pageYOffset) { hideAddressBar(); } window.addEventListener("orientationchange", hideAddressBar); }); 

最后我试着用这个。 它为我工作..

  public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_ebook); //webview use to call own site webview =(WebView)findViewById(R.id.webView1); webview.setWebViewClient(new WebViewClient()); webview .getSettings().setJavaScriptEnabled(true); webview .getSettings().setDomStorageEnabled(true); webview.loadUrl("http://www.google.com"); } 

和你的整个main.xml(res / layout)看起来应该是这样的:

 <WebView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/webView1" android:layout_width="fill_parent" android:layout_height="fill_parent" /> 

不要去添加布局。

我发现,如果你添加命令卸载,他保持了页面,即移动页面! 希望它也能和你一起工作!

 window.addEventListener("load", function() { window.scrollTo(0, 1); }); window.addEventListener("unload", function() { window.scrollTo(0, 1); }); 

使用7英寸平板电脑与Android,www.kupsoft.com访问我的网站,并检查它的行为页面,我在我的门户使用此命令。