iOS webapp - 如何在页面之间保持全屏模式

Question

我正在创建一个小型网站，我希望允许用户将其保存为 iOS 设备上的应用程序。我在每一页都添加了这个：

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

这似乎工作正常，因为主页在用户将其保存到主屏幕后显示为全屏，但是一旦链接任何点击，全屏就会被禁用，顶部栏显示“完成”出现左上角的按钮。

我希望无论用户做什么，页面都保持全屏可见。

有什么建议吗？

Answer 1

我能够通过添加清单文件来解决问题：

在您的网络应用程序的根目录中创建一个清单文件，内容与此类似：

    {
      "name": "My Super App",
      "short_name": "My App",
      "display": "standalone",
      "scope": "/my-app-path/",
      "start_url": "/my-app-path/"
    }

在清单文件中添加一个link
删除应用程序并将其重新添加到您的主页

iOS webapp - 如何在页面之间保持全屏模式

iOS webapp - how to keep full screen mode between pages

html

web-applications

ios