BroadcastChannel,就字面意思来言,叫做“广播频道”,官方文档说,该API是用于同源不同页面之间完成通信的功能。 1. 概况 它与window.postMessage的区别就是,BroadcastChannel只能用于同源的页面之间进行通信,而window.postMessage却可以
原创 2022-07-08 09:14:57
164阅读
还是不明觉厉?就拿Facebook作为例子吧,假如你现在已经打开了Facebook的一个窗口,但是你此时还没有登录,此时你又打开另外一个窗口进行登录,那么你就可以通知其他窗口/标签页去告诉它们一个用户已经登录了并请求它们进行相应的页面更新。
原创 2015-03-07 15:57:53
663阅读
通过broadcastchannel的广播通信实现多个同源tab/iframe/frame之间的通信,demo为拖拽方块通知其他tab页方块移动
原创 精选 2024-05-06 18:17:21
176阅读
在现代 Web 应用中,跨标签页通信的需求越来越常见。无论是实时协作应用、多标签页的用户状态同步,还是简单的数据共享,跨标签页通信都能极大地提升用户体验。今天,我们来探讨一种简单而强大的实现方式:BroadcastChannel
The broadcast channel API allows basically communication between browsing contexts(that is, tabs, windows, frames or iframes) and workers on the same origin. You don't have to maintain the reference t
原创 2022-03-24 10:11:34
77阅读
也可以进行转换 从channel到broadCashChannel。这个地方不能用很大。相对于普通的channel。结果和上面是一样的。
原创 2023-03-15 09:55:58
81阅读
前言 在现代的 Web 应用程序中,有时我们需要在不同的浏览器页面之间进行通信,以便实现实时数据共享或协同操作等功能。BroadcastChannel 是一个 HTML5 API,它提供了一种简单而强大的跨页面通信机制。本文将详细介绍如何使用 BroadcastChannel 实现跨页面通信,并提供一个完整的指南以及示例代码。 创建 BroadcastChannel 首先,我们需要在每个需要进行通
原创 精选 2023-12-21 21:56:21
860阅读
一、BroadcastChannel 广播通道、二、代码示例
原创 2022-12-31 10:00:25
178阅读
sysend.js 提供了跨浏览器tabs 数据同步的能力,利用了不少浏览器的特性 (localstoreage api 以及broadcastchannel api) 参考使用 index.html <!DOCTYPE html> <html lang="en"> <head> <meta cha
原创 2023-03-09 15:43:52
130阅读
目录 一、 Flow 与 Channel 的相互转换1.1 Flow 转换为 Channel1.1.1 ChannelFlow1.1.2 produceIn —— 将 Flow 转换为单播式 Channel1.1.3 broadcastIn —— 将 Flow 转换为广播式 BroadcastChannel。1.2 Channel 转换为 Flow1.2.1 co
转载 6月前
28阅读
Channel提供了一种便捷的方法使单个值在多个协程之间进行相互传输。 通道提供了一种在流中传输值的方法。简单说就是Channel用于多个协程之间的通信,让协程之间的协作更加的顺畅。主要内容:一、通道基本使用二、通道的容量三、迭代Channel四、produce与actor五、通道Channel的关闭六、BroadcastChannel七、多路复用(实验性) 一、通道基本使用Channel 跟