跨窗口/标签在浏览器中使用JavaScript通知

Cross-window/tab in-browser notifications with JavaScript

本文关键字：JavaScript 通知 浏览器 窗口 标签      更新时间：2023-09-26

我正在与一个具有聊天功能的网站合作(想想Facebook聊天)。

我想在有新消息到达时播放通知音。但是，用户可能打开了多个选项卡，并且消息到达多个选项卡，因为聊天会话在不同的浏览器选项卡/窗口之间是多路复用的。

如何确定

  • 如果一个浏览器有多个选项卡(窗口)打开同一个网站

  • 当一个新消息到达时，哪个选项卡(s)应该播放声音效果

我知道通知API，但我想用向后兼容的方式解决这个问题。此外，如果有任何相关的JavaScript库，我想知道他们。

您可以使用localStorage来实现这些目的。localStorage中的数据在具有相同来源的所有窗口(选项卡或iframe)之间共享。它还可以通知你的应用程序关于localStorage的变化。

参见IWC万国表库。我想这会对你的工作有帮助。

相关文章：