BroadcastChannel

2025年01月19日

柏拉文

越努力，越幸运

一、认识

---

BroadcastChannel API 创建一个频道，所有同源的标签页可以通过频道发送和接收消息。

二、实现

---

2.1 发布消息

const channel = new BroadcastChannel('my_channel');

// 发送消息
channel.postMessage({ text: 'Hello, Tabs!' });

2.2 接收消息

const channel = new BroadcastChannel('my_channel');

// 发送消息
channel.onmessage = (event) => {
    console.log('Received message:', event.data);
};