javascript - iPhone 5s - iOS 9.0.2 - safari - 横向模式时隐藏地址栏

Question

在 iOS 9.0.2 中有什么方法可以删除 safari 地址栏吗？

我尝试了以下方法来隐藏地址栏但没有成功。

<强>1。添加元标记。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">

<强>2。添加了 JS 代码。

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

但是没有成功。谁能帮我解决这个问题？

Answer 1

我知道的唯一方法是将您的网站用作网络应用程序。您必须在标题中添加以下内容:

为 IOS 添加这个

<meta name="apple-touch-fullscreen" content="yes">

Android

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

将您的网站添加到主屏幕后。它会在你的 iPhone 屏幕上创建一个图标，当你点击它时，应用程序将以全屏模式启动，没有地址栏

2019 年更新:

这可能不再相关，请考虑 Progressive Web App

https://developers.google.com/web/progressive-web-apps/