Broadcast Channel API 使用方式

以下是一个使用Broadcast Channel API的简单示例：

在页面 A 中，我们创建一个广播通道，并发送消息：

// 页面 A

// 创建广播通道
const channel = new BroadcastChannel('myChannel');

// 发送消息
channel.postMessage('Hello from Page A!');

在页面 B 中，我们监听广播通道的消息：

// 页面 B

// 创建广播通道
const channel = new BroadcastChannel('myChannel');

// 监听消息
channel.onmessage = function(event) {
   
  console.log('Received message:', event.data);
};

在这个示例中，页面 A 创建了一个名为 "myChannel" 的广播通道，并发送了一条消息 "Hello from Page A!"。页面 B 也创建了相同的广播通道，并通过监听 onmessage 事件来接收消息。当页面 A 发送消息时，页面 B 将会接收到消息，并在控制台中打印出来。

请确保页面 A 和页面 B 在同一个域名下，以便它们可以共享同一个广播通道。另外，记得在不需要使用广播通道时，记得调用 channel.close() 关闭通道，以释放资源。

这只是 Broadcast Channel API 的基本用法示例，你可以根据具体需求进行扩展和适应。