在chrome(android)上隐藏移动浏览器地址栏
我们有一个网站,里面有一个简单的JavaScript在chrome(android)上隐藏移动浏览器地址栏,android,google-chrome,browser,hide,address-bar,Android,Google Chrome,Browser,Hide,Address Bar,我们有一个网站,里面有一个简单的JavaScript <body onLoad="setTimeout(function() {window.scrollTo(0, 1)}, 100);"> 我们在大多数浏览器(safari和本机android浏览器)上隐藏地址栏。这一行JavaScript对大多数浏览器都很好,但我们注意到chrome上有一个奇怪的行为,页面确实向下滚动,但地址栏没有隐藏!加载页面后,如果用户用手指向下滚动一点,地址栏将正常隐藏 我也试着用JS向下滚动所有页面
<body onLoad="setTimeout(function() {window.scrollTo(0, 1)}, 100);">
我们在大多数浏览器(safari和本机android浏览器)上隐藏地址栏。这一行JavaScript对大多数浏览器都很好,但我们注意到chrome上有一个奇怪的行为,页面确实向下滚动,但地址栏没有隐藏!加载页面后,如果用户用手指向下滚动一点,地址栏将正常隐藏
我也试着用JS向下滚动所有页面,结果页面被完全滚动,地址栏仍然可见
有人知道我是不是忘了使用一些技巧,或者这个功能在Chrome中根本不存在吗?Chrome Mobile的最新更新(7月22日)似乎打破了工具栏自动隐藏功能。向下滚动页面时,工具栏不再自动隐藏。我的Nexus4就是这样 7月22日更新带来了平板电脑的全屏模式。但我猜他们不小心破坏了智能手机的功能。以前在智能手机上使用的是全屏模式
scrollTo(0,1)在Chrome for Android中还不受支持(它最近被添加,然后被删除)。我们确实有全屏API,但这对于您想要实现的目标来说有点过于苛刻。我找到了在第一次单击后隐藏地址栏的方法
if (document.body.webkitRequestFullScreen) {
window.addEventListener('click', function(e) {
if (e.target.type != 'text' && e.target.type != 'password') {
body.webkitRequestFullScreen();
window.setTimeout(function() {
document.webkitCancelFullScreen();
}, 500);
}
}, false);
}
你的应用程序中有webview吗?你想隐藏地址栏吗?不,我有一个网站的移动版本,(形式上类似于一个webapp),我想隐藏设备浏览器的地址栏,这与默认浏览器nd很好地配合,对于其他一些浏览器,如doplhin、safari等,但在chrome上,这种攻击是行不通的。“不要截获第一次触摸事件并发出requestFullscreen。”-scrollTo()在chrome for Android中完全受支持,它只是不做你认为它能做的事情。