浏览器tab通信如何做到,除了websocket的数据推送外,另一种方式值得使用,那就是jStorage,jStorage对于同源tab之间的通讯有着良好的支持,特别是对于本地缓存管理和事件订阅更是好用的一个库。
介绍两个引入方式:
//传统方式
<script src="https://cdn.bootcdn.net/ajax/libs/jStorage/0.4.9/jstorage.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jStorage/0.4.9/jstorage.min.js"></script>
//模块化方式
npm install jstorage
**这里要注意的是目前下载的是非模块化文件,需要改动一下源代码
几个重要的方法:可以用于同源tab通信
jStorage.subscribe("channel-key", function(channel, data){ }); //订阅
jStorage.publish("channel-key",{}); //发布
jStorage.listenKeyChange("listenKey", function(key, _handler){ }); //监听
jStorage.stopListening("listenKey", function(key, _handler){ }); //停止监听