0

下面的脚本隐藏了移动设备上的地址栏,但没有隐藏显示/桌面上的地址栏。这是预期的结果,但我不明白为什么会这样。我猜想这也会隐藏所有设备的地址栏。有没有更好的方法来隐藏地址栏?有人能这么好心地引导我完成这个吗?

我还读到我需要将下面的元标记添加到标题中,但我认为它没有效果。感谢您的输入!

<meta name="apple-mobile-web-app-capable" content="yes" 


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

var preventDefault = function(e) {
  e.preventDefault();
  return false;
};
</script>
4

1 回答 1

1

你有两种不同的技术。

第一个说“这是一个单页网络应用程序”,因此如果从主屏幕图标启动(显然,这需要用户访问页面(地址栏可见)并添加到主屏幕)。

第二个只是尝试向上滚动页面,以便地址栏滚出屏幕。移动设备这样做是因为它们的屏幕很小,所以它们让地址栏滚动到屏幕顶部。用户可以轻松向下滚动以将其取回。

桌面浏览器通常不会因显示在小屏幕上而受到影响,因此它们在滚动时没有理由隐藏它。另一方面,让用户知道他们当前正在访问的页面的地址是一项非常重要的反钓鱼措施。

因此:网站无法在现代浏览器中向用户隐藏地址栏。

于 2013-08-03T16:46:24.363 回答