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

柯基
  • 37

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

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

MDN的解释是:

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

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

评论
阅读 497
撰写回答

登录后参与交流、获取后续更新提醒

宣传栏