我见过很多关于隐藏地址栏的问题。我正在开发一个本地电话间隙应用程序。换句话说,一组带有 javascript 文件的 html 页面托管在针对移动用户的服务器上(不在 iPhone/android 应用程序中)。在这种情况下,有没有办法在第一次加载页面后隐藏地址栏?
谢谢您的帮助
是的,这可以通过这个小 Javascript 实现:
<script type="text/javascript">
// When ready...
window.addEventListener("load",function() {
// Set a timeout...
setTimeout(function(){
// Hide the address bar!
window.scrollTo(0, 1);
}, 0);
});
</script>
<head>
您应该在HTML 代码的某处添加它。
该window.scrollTo
方法是隐藏地址栏的关键。iPhone 需要使用换行setTimeout
功能才能正确隐藏地址栏——不使用 setTimeout 会导致问题。
如果您还想支持将网页添加到 iPhone 的主屏幕,您还需要添加以下<meta>
-tag。
<meta name="apple-mobile-web-app-capable" content="yes" />
这也将隐藏 iPhone 屏幕底部的工具栏(仅当用户添加到主屏幕时)。