javascript - iOS Safari 上的 PWA : How to programmatically trigger : "Add to homescreen"?

Question

我最近发布了一个服务器渲染的渐进式 Web 应用程序，到目前为止一切都运行良好。然而，使用 Chrome 的 Android 会显示一个下载应用程序的横幅，这很棒，但在 iOS 上却没有。使用 Safari，用户需要点击几下才能访问“添加到主屏幕”功能，这很糟糕。

所以我对我的 PWA 很满意，但我真的很想能够告诉用户自己这个应用程序可以添加到主屏幕。

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

Answer 1

iOS - Safari 目前不支持网络应用安装横幅，就像 Android - Chrome 一样。

有no way to programmatically trigger在 Android 中也可以安装横幅，但您捕获 beforeInstallPromot 并使用它来显示横幅的情况除外。

在链接的答案中，您可以检查有关如何在应用横幅中显示以引导用户添加到主屏幕的备用选项。 Here是一些相同的代码示例，这是 iOS 特定的(查看#PROTIP 3)。