PWA js手动触发“将应用添加到主屏”?

发布于 2022-09-12 02:28:20 字数 718 浏览 16 评论 0

在开发PWA应用时发现在用户首次进入网页时,sw加载正确,浏览器弹出了“添加应用到主屏”(A2HS)的提醒。但如果用户不小心点击了取消,并且不是使用的chrome等对PWA支持很好的手机浏览器,再要找到这个“添加应用到主屏”功能就很困难

在测试中发现,chrome手机浏览器在用户选择取消后,需要清除历史数据才能重新弹出A2HS提醒,如果客户选择安装随后卸载了,也需要清除历史数据才能弹出A2HS提醒,有些品牌手机自带的浏览器清除数据都不能触发,虽然chrome菜单自带“添加到主频幕”菜单,但其他浏览器并没有这个菜单

MDN的解释是:

如果用户选择“安装”,则将安装该应用程序(可作为独立的桌面应用程序使用),并且不再显示“安装”按钮(如果已经安装了该应用程序,则将不再触发onbeforeinstallprompt事件)。当您打开应用程序时,它将显示在其自己的窗口中。如果用户选择“取消”,则应用程序的状态将返回到单击按钮之前的状态。

这个提醒是一次性的吗?浏览器是以什么形式记录用户的选择的。有没有办法优化这个问题,通过js让浏览器忘记用户的选择,手动调起浏览器的A2HS提醒?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文