美文网首页
浏览器标签页间的通信

浏览器标签页间的通信

作者: 寒枫Alex | 来源:发表于2017-05-07 04:55 被阅读0次

1. Cookie轮询

将要通信的数据放在Cookie中, 通过不断轮询cookie, 查看是否有更改. 比较蠢的一种方法, 这里的Cookie也可以是localStorage这些媒介.

2. 监听localStorage事件监听

window.addEventListener('storage', function (event) {
  console.log(event.key, event.newValue);
});

localStorage被设置时, 会触发一个事件, 可以通过这个完成标签页间通信.
注意:

  • Safari的无痕模式下设置localStorage会抛出异常.

3. SharedWorker

SharedWorker可以创建一个共享的web进程, 目前浏览器支持还不是很好.

4. WebSocket

通过WebSocket建立实时通信

相关文章

网友评论

      本文标题:浏览器标签页间的通信

      本文链接:https://www.haomeiwen.com/subject/mzxutxtx.html