PWA js手动触发“将应用添加到主屏”?
在开发PWA
应用时发现在用户首次进入网页时,sw
加载正确,浏览器弹出了“添加应用到主屏”(A2HS)的提醒。但如果用户不小心点击了取消,并且不是使用的chrome等对PWA支持很好的手机浏览器,再要找到这个“添加应用到主屏”功能就很困难
在测试中发现,chrome手机浏览器在用户选择取消后,需要清除历史数据才能重新弹出A2HS提醒,如果客户选择安装随后卸载了,也需要清除历史数据才能弹出A2HS提醒,有些品牌手机自带的浏览器清除数据都不能触发,虽然chrome菜单自带“添加到主频幕”菜单,但其他浏览器并没有这个菜单
MDN的解释是:
如果用户选择“安装”,则将安装该应用程序(可作为独立的桌面应用程序使用),并且不再显示“安装”按钮(如果已经安装了该应用程序,则将不再触发onbeforeinstallprompt
事件)。当您打开应用程序时,它将显示在其自己的窗口中。如果用户选择“取消”,则应用程序的状态将返回到单击按钮之前的状态。
这个提醒是一次性的吗?浏览器是以什么形式记录用户的选择的。有没有办法优化这个问题,通过js让浏览器忘记用户的选择,手动调起浏览器的A2HS提醒?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论