[Javascript] 廣播式通信: Broadcast Channel

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

面試官:前端跨頁面通信,你知道哪些方法?
https://juejin.im/post/5ca04406f265da30ac219ccc

前端廣播式通信:Broadcast Channel
https://segmentfault.com/a/1190000018731545

BroadcastChannel(非官方API的polyfill)
https://github.com/pubkey/broadcast-channel

pubkey / BroadCast Channel 可以幫我們創建一個用於廣播的通信頻道。當所有頁面都監聽同一頻道的消息時,其中某一個頁面通過它發送的消息就會被其他所有頁面收到。它的API和用法都非常簡單。

不過瀏覽器支持方面,只有Firefox、Chrome、Opera支持,其他IE、Edge、Safari都還不行,可使用pubkey所撰寫的BroadCast Channel(非官方API的polyfill)來變相支援。

一個Broadcast Channel的範例如下圖:



#Javascript, web, nodejs, Broadcast Channel, 廣播, 跨頁通信

留言