浏览器跨标签通信
2018-03-12 本文已影响0人
静候那一米阳光
先简单给个方向，以后仔细研究
localStorage 会触发一个事件。具体地说，不论其中的哪一项在另一个浏览上下文里被添加、修改或删除时，它都会触发一个事件。实际上，这就意味着不论在哪个浏览器的标签页里访问了 localStorage，所有其它的标签页都能通过 window 对象监听到这个事件，就像这样：
window.addEventListener('storage', function (event) {
console.log(event.key, event.newValue);
});
event 对象有几个相应的属性：
| 属性 | 描述 |
|---|---|
| key | localStroage 中被影响的键 |
| newValue | 为这个键所赋的新值 |
| oldValue | 这个键修改前的值 |
| url | 当前发生改变的页面 URL |
