在iPhone/Android上隐藏地址栏

Hiding Address Bar on iPhone/Android

本文关键字：隐藏 地址栏 Android iPhone      更新时间：2023-09-26

下面的脚本在移动设备上隐藏地址栏，但在显示器/桌面上没有隐藏地址栏。这是想要的结果，但我不明白为什么会发生这种情况。我猜这也会在所有设备上隐藏地址栏。有没有更好的方法来隐藏地址栏？有人能这么好心地陪我度过难关吗？

我还读到我需要在标题中添加下面的元标签，但我认为它没有效果。感谢您的投入！

<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>

您有两种不同的技术。

第一个是"这是一个单页web应用程序"，因此在iOS设备上打开时不会有地址栏iff，该地址栏是从主屏幕图标启动的（显然，这需要用户访问页面（地址栏可见）并将其添加到主屏幕）。

第二个只是试图向上滚动页面，以便将地址栏从屏幕上滚动掉。移动设备之所以这样做，是因为它们的屏幕很小，所以可以让地址栏从屏幕顶部滚动。用户可以很容易地向下滚动以将其取回。

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

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

相关文章：