Taoliujun's Blog

Web API - Broadcast Channel

发布 : 2024-03-01 分类 : JavaScript

原文链接：https://github.com/taoliujun/blog/issues/59

Broadcast Channel

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

Broadcast Channel可以在同源情况下，在一种浏览器的不同窗口、标签页、frame中简单通信。

接口

BroadcastChannel

传入频道名称，返回实例，包含了message事件来监听消息、postMessage方法来发送信息。

示例

示例：https://taoliujun.github.io/example/web-api/Broadcast_Channel_API/index.html

  1. 打开两个Chrome窗口，查看日志：

image

标签: #webapi #Broadcast Channel