使用 JavaScript 的跨窗口/标签浏览器内通知

Question

我正在使用具有聊天功能的网站（想想 Facebook 聊天）。

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

如何判断

• 如果浏览器为同一个网站打开了多个选项卡（窗口）

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

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

Answer 1

您可以将 localStorage 用于此类目的。 localStorage 中的数据在具有相同来源的所有窗口（选项卡或 iframe）之间共享。它还可以通知您的应用程序有关 localStorage 的更改。

请参阅IWC 库。我认为这将有助于您完成任务。