PWA中的“添加到主屏幕”功能在iOS上受支持吗？

Question

我正在使用PWA构建一个应用程序，使用的是Angular框架。基本上，这是一个媒体应用程序，可以播放视频。在Android设备上运行良好，并且“添加到主屏幕”弹出窗口也会出现，但在iOS设备上，“添加到主屏幕”不会出现。

iOS是否支持“添加到主屏幕”功能？

- Vipin Singh

Answer 1

请参考以下列出的文章，了解iOS PWA功能：

随着iOS 11.3的推出，苹果公司已默默地增加了对“渐进式Web应用程序”（PWA）理念背后的基本新技术的支持。现在是时候看看它们如何工作、它们的能力和挑战，以及如果您已经发布了PWA，需要知道什么。 https://medium.com/@firt/progressive-web-apps-on-ios-are-here-d00430dee3a7 与Android不同，iOS上的PWA不能自动使用，您需要更改一些额外的设置才能允许弹出窗口在Safari iOS上显示。

另外，从以下stackoverflow链接，有一个链接可以使其在iOS上无需用户更改设置即可使用。

- Akshay Nair

---

需要哪种类型的附加设置？请详细说明。 - Vipin Singh

用户必须在Safari中访问您的PWA URL，然后手动按下共享图标，然后选择“添加到主屏幕”。没有任何迹象表明您正在访问的网站是PWA。 - Akshay Nair

Answer 2

这段代码帮助我在iPhone上显示安装弹窗。

if (window.matchMedia('(display-mode: standalone)').matches) {
   console.log('display-mode is app installed');
}
else{
  console.log('display-mode is browser');
}

我们可以展示一个自定义弹窗来安装。

谢谢。

- KATHEESKUMAR