好吧,我还没有找到这个问题的答案。 我需要在 HTML 中创建一个弹出窗口,允许我在主屏幕上安装 PWA 图标,我不是在谈论常规安装横幅。 我已经知道如何使用 list 和 Service Worker 来执行此操作。
现在,要了解这一点,我需要您在安装 Instagram PWA 时看到此行为。
- Instagram 显示了这个 html 弹出窗口,我猜想有某种 javacript 代码在按下按钮时会触发,它会触发常规的 安装横幅。
有什么想法吗?
最佳答案
当 PWA 满足添加到主屏幕的要求时,浏览器会触发“beforeinstallprompt”事件。稍后可能会再次手动捕获并触发该事件。基本上:监听事件,如果触发则捕获它,如果用户单击重新触发通风口,则向用户显示您的自定义添加到主屏幕 View 。
具体细节和代码示例:https://developers.google.com/web/fundamentals/app-install-banners/
关于javascript - Html 弹出窗口将 PWA 图标添加到电话,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50283401/