PWA：如何以编程方式触发“添加到主屏幕”？在iOS Safari上

Question

我最近发布了一个服务器渲染的渐进式Web应用程序，到目前为止一切正常。 但是，使用chrome的Android会显示一个横幅，用于下载该应用程序，该功能很棒，但在iOS上却没有。使用Safari，用户只需点击几下即可进入“添加到主屏幕”功能，这很糟糕。

在这里，我对我的PWA感到满意，但是我真的很想能够告诉用户我可以将此应用添加到主屏幕。

据我所知，我看到https://marvelapp.com/这样做是为了将原型添加到主屏幕。

Answer 1

就目前而言，Apple不允许简化这种“添加到主屏幕”的操作。

不过，您可以为IO用户向用户提供工具提示说明：

详细说明在这里： https://www.netguru.com/codestories/few-tips-that-will-make-your-pwa-on-ios-feel-like-native

部分：PROPIP 3：自己创建一个“添加到主屏幕”弹出窗口！

Answer 2

iOS-Safari当前不支持Web应用安装横幅，例如Android-Chrome。

Android中也有no way to programatically trigger安装横幅，除了您捕获beforeInstallPromot并使用它来显示横幅的情况。

在链接的答案中，您可以选中关于如何在应用横幅中显示的替代选项，以指导用户添加到主屏幕。 Here是特定于iOS的某些代码示例（在#PROTIP 3下查看）。