@imnull/broadcast

基于BroadcastChannel的本地跨tab通信工具。

import { createChanel } from "@imnull/broadcast";

const client = createChanel('channl01');
// 监听数据
client.ondata = (event) => {
    const data = event.detail;
    console.log('recieve data:', data)
    // some code about `data`
};
// 发送数据
client.sendData({ command: 'reset' })
client.close()

具体技术细节可参考BroadcastChannel相关文档，内部的TypedBroadcastChannel仅对交互数据做了强类型封装。

Demo

Demo地址