第9天 浏览器内多个标签页之间的通信方式有哪些?
Activity
[-][html] 第9 浏览器内多个标签页之间的通信方式有哪些?[/-][+][html] 第9天 浏览器内多个标签页之间的通信方式有哪些?[/+]github-linong commentedon May 23, 2019
https://segmentfault.com/a/1190000018386033

tiyunchen commentedon Jun 1, 2019
PostMessage: 曾经在项目中使用过: 在一个页面内加了一个iframe, 由于父页面要和iframe通信所以使用了这个方式
Damon99999 commentedon Jun 18, 2019
1:本地存储
2:postMessage
如果使用vue框架那么vuex也是ok的
Konata9 commentedon Jul 24, 2019
cookie
,localStorage
(sessionStorage
在某些场景下并不能跨标签,必须要原页面的a
标签的target=_blank
才行)。这些只要在同一个域名下就可以进行通信和数据的共享window.postMessage
API 来进行消息的传递xv700 commentedon Jul 26, 2019
完全答案
WebSocket (可跨域)
postMessage(可跨域)
Worker之SharedWorker
Server-Sent Events
localStorage
BroadcastChannel
Cookies
https://xv700.gitee.io/message-communication-for-web/
qhdxwdm commentedon Sep 12, 2019
1.WebSocket (可跨域)
2.postMessage(可跨域)
3.SharedWorker
4.Server-Sent Events
5.localStorage
6.BroadcastChannel IE不支持
7.Cookies
censek commentedon Oct 10, 2019
kruzabc commentedon Dec 24, 2019
不借助服务器支持的话:
blueRoach commentedon May 25, 2020
1.websocket
H5提供的在TCP连接上进行的双向通讯
2.localStorage(sessionStorage是每个标签页独立的)
3.cookie
4.SharedWorker
giggleCYT commentedon Jun 3, 2020
websocket协议、
localstorage、
以及使用html5浏览器的新特性SharedWorker
smile-2008 commentedon Sep 3, 2020
完全答案
WebSocket (可跨域)
postMessage(可跨域)
Worker之SharedWorker
Server-Sent Events
localStorage
BroadcastChannel
Cookies
githubzml commentedon Nov 25, 2020
尝试过的
localStroage
WebScoket
8 remaining items