在页面中监听多个广播通道，你可以创建多个 BroadcastChannel 实例，并为每个通道分别设置不同的事件处理程序。
以下是一个示例代码，展示如何在页面中监听多个广播通道：
// 创建第一个广播通道
const channel1 = new BroadcastChannel('channel1');
channel1.onmessage = function(event) {
console.log('Received message from channel1:', event.data);
};
// 创建第二个广播通道
const channel2 = new BroadcastChannel('channel2');
channel2.onmessage = function(event) {
console.log('Received message from channel2:', event.data);
};
在这个示例中，我们创建了两个不同的广播通道，分别命名为 "channel1" 和 "channel2"。然后，我们为每个通道设置了相应的 onmessage 事件处理程序。当页面接收到来自这些通道的消息时，对应的事件处理程序将被触发，并在控制台中打印出接收到的消息。
你可以根据需要创建任意数量的广播通道，并为每个通道指定独立的事件处理程序。这样，页面就能同时监听多个广播通道的消息。记得在不需要使用这些通道时，及时关闭它们，通过调用 channel.close() 方法来释放资源。
