-1

如何判断广播频道是否存在及其订阅者数量？

我们有一个产品链接，并且一些 chrome 页面选项卡正在订阅广播频道。想看看有多少人在听。

const bc = new window.BroadcastChannel('channel_name');

资源：

https://medium.com/javascript-in-plain-english/using-javascript-and-the-broadcast-channel-api-a3134739781d

选项卡或窗口之间的通信

使用 Angular Typescript 环境，也许它有一个库函数

4

1 回答 1

2

没有内置方法可以获取通过同一 BroadcastChannel 连接的活动端口的计数。

您可以自己设置一些东西，例如，通过使用某种 ping 方法，所有端口都会响应，并且询问者只需计算给定时间内的响应，但这有点麻烦，使一切都异步并且实际上使用 LocalStorage 只是为了这个计数似乎是最简单的方法。

您可以在 localStorage 中保存您将打开的每个频道的当前计数。

在每个新连接之前，页面可以只检查该值，因为它将在可以通过 BroadcastChannel 通信的上下文中共享。

const active_connections = localStorage[ channel_name ] || 0;

然后在连接时，它只需要更新该值。

if( active_connections < max_count ) {
  const channel = new BroadcastChannel( channel_name );
  localStorage[ channel_name ] = active_connections + 1;
}

最棘手的是在通道关闭时减少该计数。为此，您需要挂钩beforeunload事件：

addEventListener( 'beforeunload', (evt) => {
  localStorage[ channel_name ] --;
} );

请注意，如果您的代码确实调用channel.close()了 ，那么您应该添加一行来更新该计数，并禁用beforeunload。

（您仍然可以运行 ping 方式以确保计数仍然正确，因为例如如果页面崩溃，则 beforeunload 可能不会触发）。

我应该注意我看不出你为什么需要做这样的事情，可能你的设计有问题，你应该仔细检查一下，也许会提出一个新的问题）

于 2020-08-08T09:51:49.530 回答