javascript - Html Popup 将 PWA 图标添加到电话

Question

好的，我还没有找到答案。我需要在 HTML 中创建一个弹出窗口，允许我在主屏幕上安装 PWA 图标，我不是在说常规安装横幅。我已经知道如何通过使用清单和服务人员来做到这一点。

现在，为了理解这一点，我需要你在安装 Instagram PWA 时看到这种行为。

1. Instagram 显示了这个 html 弹出窗口，我想当按下按钮时会触发某种 javacript 代码，它会触发常规安装横幅。

任何想法？

标签： javascriptangularservice-workerprogressive-web-apps

Answer 1

当 PWA 满足添加到主屏幕的要求时，浏览器会触发“beforeinstallprompt”事件。稍后可能会再次手动捕获并触发该事件。基本上：监听事件，如果它触发就抓住它，向用户展示你自定义添加到主屏幕视图，如果用户点击重新触发发泄。

具体细节和代码示例：https ://developers.google.com/web/fundamentals/app-install-banners/