微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

多个选项卡中的服务工作者无法使用 vue 2 应用程序 pwa 正确重新获取

如何解决多个选项卡中的服务工作者无法使用 vue 2 应用程序 pwa 正确重新获取

enter image description here

以上截图来自 vue 应用。

  • Service Worker 被导入到 main.ts,因此它会立即被调用
  • Service Worker 在加载时从服务器获取清单文件,检查是否有更新以及是否调用了更新的钩子。
  • 为我更新的钩子,调用截图中的中间痛苦,它获取所有注册,销毁它们,然后向应用程序事件总线“EV_NEW_APP_DOWNLOADED”发出一个事件
  • 此事件在主要组件 App.vue 中获取
  • 当 app.vue 听到事件时,它会打开一个模态并告诉用户“嘿,有一个新应用,按确定继续”,然后应用重新加载当前页面,每个人都很高兴

……我是这么想的。

打开多个选项卡时出现问题,我不知道从哪里开始。在同一个应用程序打开多个选项卡时,当用户单击确定重新加载.. 页面重新加载后,整个过程再次触发,提示模态再次弹出.. 在我关闭其他浏览器选项卡之前它不会停止。

我显然错过了一些重要的东西,有人可以帮忙吗?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。