Blog | Phodal - A Growth Engineerhttp://www.phodal.com/blog/2015-06-18T13:38:02.069112+00:00BlogEchoesWorks构建: LocalStorage与跨Tab通信2015-06-18T13:28:31+00:002015-06-18T13:38:02.069112+00:00Phodal Huanghttp://www.phodal.com/blog/author/root/http://www.phodal.com/blog/build-echoesworks-use-localstorage-commucation-in-tab/本来想着给[EchoesWorks](https://github.com/phodal/echoesworks)做一个Chrome插件来控制Slide,后来发现了一种更简单的方法 —— 用LocalStorage实现跨tab通信。
![EchoesWorks][1]
##实现机制
在这里并没有什么特别高级的用法,只是简单的事件监听
function handler() {
window.slide.slide(parseInt(localStorage.getItem('echoesworks'), 10));
}
if (window.addEventListener) {
window.addEventListener("storage", handler, false);
} else {
// IE
window.attachEvent("onstorage", handler);
}
即,当监听到调用``storage``的方法,就会跳转到相应的页面。
正常情况下,我们只用一个标签来展示我们的slide。当我们有另外一个标签的时候,我们就可以存储当前的slide。
localStorage.setItem('echoesworks', index);
这样就可以实现,在一个页面到下一页时,另外一个标签也会跳到下一页。
[1]: /static/media/uploads/echoesworks.jpg