EchoesWorks构建: LocalStorage与跨Tab通信

Posted by: Phodal Huang June 18, 2015, 9:28 p.m.

本来想着给EchoesWorks做一个Chrome插件来控制Slide，后来发现了一种更简单的方法 —— 用LocalStorage实现跨tab通信。

实现机制

在这里并没有什么特别高级的用法，只是简单的事件监听

    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);

这样就可以实现，在一个页面到下一页时，另外一个标签也会跳到下一页。

或许您还需要下面的文章:

实现机制

关于我