使用Broadcast Channel API可以实现跨标签页通信。以下是一个简单的示例:

220 阅读1分钟

在发送消息的标签页中:

// 创建一个新的Broadcast Channel,指定频道名称
const channel = new BroadcastChannel('my_channel');

// 发送消息
channel.postMessage('发送消息');

在接收消息的标签页中:

// 创建一个新的Broadcast Channel,指定频道名称
const channel = new BroadcastChannel('my_channel');

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