浏览器 跨页面通信#

同源页面间的跨页面通信#

BroadCast Channel#

Service Worker#

LocalStorage#

Shared Worker#

IndexedDB#

非同源页面之间的通信#

使用 iframe 结合 origin 忽略同源限制，复用👆各种同源方式#

总结#

广播模式：Broadcast Channel / Service Worker / LocalStorage + StorageEvent 共享存储模式：Shared Worker / IndexedDB / cookie 口口相传模式：window.open + window.opener 基于服务端：Websocket / Comet / SSE 等