IOS设备将网站添加到主屏幕作为Web应用程序而非快捷方式

Question

我正在尝试找到一种正确的方法来编写类似的网站，允许用户将其添加到他们的主屏幕。然后在打开时它不会作为safari的快捷方式打开，而是作为自己的Web应用程序打开。您可以在下面的fedex示例中看到这一点。您可以看到我同时打开了Safari和Web应用程序。 Web应用程序没有地址栏或safari导航。

请指导我这是什么，因为我无法找到有关如何在iOS上实现此目的的信息

Answer 1

您需要关注Apple guide

我想在这里给出一个简短但很长的内容，所以请阅读有趣的部分。

您有如何配置图标，启动屏幕，标题

关于你要求隐藏safari控件的内容，请使用：

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

如果用户现在处于独立模式（这样你就不会让他再次下载），这是你在运行时检查的方法

window.navigator.standalone

祝你好运！

Answer 2

从iOS 11.3开始，您应该使用网络应用程序清单。

创建一个名为manifest.json的文件，并包含以下内容：

{
   "display": "standalone"
}

然后，将其添加到您的页面，如下所示：

<link rel="manifest" href="/manifest.json">

您可以使用网络应用清单进行更多操作。我建议进一步阅读here