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

Question

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

请告诉我这叫什么，因为我在 iOS

上找不到有关如何实现此目的的信息

Answer 1

你需要关注苹果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">

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

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

IOS Devices add website to homescreen as web app not shortcut

html

web-applications

homescreen

ios

web