#优质博文 #前端 #javascript
Broadcast Channel API简介，可实现Web页面广播通信

AI 摘要：Broadcast Channel API 允许同源的不同浏览上下文（如窗口、标签页、iframe）之间进行广播式通信。通过创建同名的 BroadcastChannel 对象，页面可以发送和接收消息，实现实时数据同步。例如，创建频道：const bc = new BroadcastChannel('channel_name');，发送消息：bc.postMessage('message');，接收消息：bc.onmessage = (event) => { console.log(event.data); };。该 API 兼容性良好，支持在 Web Worker 中使用，适用于需要跨页面实时通信的场景。

https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_Channel_API

via 张鑫旭

MDN Web Docs

Broadcast Channel API - Web APIs | MDN

The Broadcast Channel API allows basic communication between browsing contexts (that is, windows, tabs, frames, or iframes) and workers on the same origin.