浏览器标签页间的通信

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建立实时通信