跨页面通信二（localstorage）

  最近在公司hybird模块开发app中，由于前期native提供的api并不是很完善，很多时间在跨webview无法进行数据交互，大大的降低了用户体验，使得很多操作都无法连贯起来。这里我想到通过onstorage的方式，监听localstorage的变更进行数据交互和回调处理。后来发现onstorage的支持并不是很好，很多时候不能被触发。所以就简单包装了一下localstorage进行一个跨webview的通信。

废话不多说了 直接上代码

;(function(w){
            var ls = w.localStorage;
            w.lsSignal = {
                get:function(key){
                    return ls.getItem(key);
                },
                set:function(key,val){
                    return ls.setItem(key,val);
                },
                remove:function(key){
                    ls.removeItem(key);
                    return w.lsSignal;
                },
                claer:function(){
                    ls.clear();
                    return w.lsSignal;
                },
                /*
                * @param 回调函数
                * 这里使用localstorage进行跨webview通信
                * 通过检测localstorage值是否变化进行相关回调操作
                * ［注意］是websocket和native不支持的前提下采用的一套机制
                */
                onStorage:function(cb){
                    var timer = setInterval(function(){
                            cb(destroy);
                        },100);
                    //销毁轮询
                    function destroy(){
                        clearInterval(timer);
                        timer = null;
                    }
                    var _onStorage = function(){
                        //如果onstorage事件可以用则使用原生事件触发,取消轮询
                        destroy();
                        cb(function(){
                            document.removeEventListener("storage",_onStorage,false);
                        });
                        
                    }
                    document.addEventListener("storage",_onStorage,false);
                }
            }
        })(window)

        lsSignal.onStorage(function(destroy){
            if(lsSignal.get("b") == 1){
                console.log("我完成了");
                destroy()
            }
        })