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

【问题标题】：IOS Devices add website to homescreen as web app not shortcutIOS 设备将网站作为 Web 应用程序而不是快捷方式添加到主屏幕
【发布时间】：2018-05-13 12:46:08
【问题描述】：

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

请告诉我这叫什么，因为我找不到有关如何在 iOS 上实现此功能的信息

【问题讨论】：

标签： html ios web web-applications homescreen

【解决方案1】：

你需要关注苹果guide

我想在这里简要介绍一下，但它很长，所以请阅读你感兴趣的部分。

您已经了解了如何配置图标、启动屏幕、标题

关于您要求隐藏 Safari 控件的内容，请使用以下内容：

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

如果用户现在处于独立模式，这是您在运行时检查的方式（因此您不会要求他再次下载）

window.navigator.standalone

祝你好运！

【讨论】：

【解决方案2】：

从 iOS 11.3 开始，您应该使用 Web 应用清单。

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

{
   "display": "standalone"
}

然后，像这样将它添加到您的页面中：

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

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

【讨论】：