本来想着给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);
这样就可以实现,在一个页面到下一页时,另外一个标签也会跳到下一页。
围观我的Github Idea墙, 也许,你会遇到心仪的项目