// window.addEventListener("load", function() {//     chrome.extension.sendMessage({//         type: "dom-loaded", //         data: {//             myProperty: "this is so cool!!!----One-Time Requests,communication happens only once"//         }//     });// }, true);//=======================this is for the hover=======================(function(window){var document = window.document,    body = document.body,    a = document.getElementsByTagName(‘a‘),  //for get a href，returns a live HTMLCollection of elements with the given tag name    currentLength = a.length,    currentLinks = [],    displayTimeout,    normalURL,    zIndex=100,    container,    containerLabel,    button,    size = 1.0,    rate,    on,    showModel,    hovernow,  //to judge whether the mouse point is on hovering    delayTime;loadSettings();addEvents();drawWindow();//从storage中获得值，进行初始化工作function loadSettings(){    chrome.storage.sync.get([        ‘hoverLinkPosition‘,        ‘hoverLinkOffsetX‘,        ‘hoverLinkOffsetY‘,        ‘hoverLinkNormal‘,        ‘hoverLinkDelayTime‘,        ‘hoverLinkRate‘,        ‘on‘,        ‘model‘],         function(data){         rate = data.hoverLinkRate;             moveBox(data.hoverLinkPosition, data.hoverLinkOffsetX, data.hoverLinkOffsetY);         normalURL = data.hoverLinkNormal;         delayTime = data.hoverLinkDelayTime;         on = data.on;         showModel = data.model;         // console.log("log in content"+on);    });}function moveBox(s,x,y){    // var str = "Hello world!"; //      var res = str.substr(1, 4)    var a = s.substring(0,s.indexOf(‘-‘)),        b = s.substr(s.indexOf(‘-‘)+1);  // ??        // console.log(a); //top        // console.log(b);  //right       // container.setAttribute(‘style‘,‘z-index:‘+zIndex+‘;‘);        container.style[a]=y+‘px‘;  //style里面存放json ,所以a,b是key        container.style[b]=x+‘px‘;        container.style[‘overflow‘]=‘scroll‘;        container.style[‘max-width‘]=‘1450px‘;        container.style[‘max-height‘]=‘400px‘;        container.style[‘-webkit-transform‘] = ‘scale(‘+rate+‘)‘;        container.style[‘-webkit-transform-origin‘] = ‘0px 0px‘;        //"-webkit-transform: scale(0.43);-webkit-transform-origin: 200px 100px;overflow:scroll"}function addEvents(){    for(var i=currentLength-1;i>=0;i--){        addEvent(a[i]);        currentLinks.push(a[i]); //放入数组中    }}function addEvent(a){    a.addEventListener(‘mouseover‘,linkMouseOver,false);//当mouseover触发，调用linkMouseOver    a.addEventListener(‘mouseleave‘,linkMouseOut,false);    $(‘body‘).on(‘click‘,mouseclick);}function linkMouseOver(event){    var url = this.href;  //this应该指a标签    //console.log("client :top->"+event.clientY+" left->"+event.clientX +" offset:top->"+window.pageYOffset+" left->"+window.pageXOffset);    container.style[‘top‘] = event.clientY+‘px‘    container.style[‘left‘] = event.clientX+‘px‘;    hovernow = 1;    displayTimeout = setTimeout(function(){         displayBox();         setTimeout(function(){           mouseOver(url);         },1000);         //mouseOver(url);    },delayTime)}function linkMouseOut(event){    console.log(‘now mouseout‘);    hovernow = 0;    clearTimeout(displayTimeout); //Prevent the function set with the setTimeout() to execute    if(!container){    //$("body").removeChild(container);    body.removeChild(container);    }else{        container.style.display= ‘none‘;    }     }function mouseOver(url){    if(hovernow==1){        console.log(‘now mouseover‘);        $.post(‘http://gozoom4235.appspot.com/highlight.php‘,{url:url},function(webdata){        //displayBox();        if(showModel==1){               insertLabel(webdata);        }else{             showWord(webdata);        }        })    }}function mouseclick(event){    clearTimeout(displayTimeout);    if(!container){    //$("body").removeChild(container);    body.removeChild(container);    }else{        container.style.display= ‘none‘;    }}function displayBox() {    container.innerHTML = "loading.....";    if(on==1){    body.appendChild(container);//appendChild会把之前所有关于container的以html节点方式加入，到这里才会在html中显示    $(container).show(‘fast‘);    }}function requestURL(link){    sendMessage({        hoverLink:‘findURL‘,        url:link    });   //jason}function sendMessage(message){    //chrome.runtime.sendMessage(message,empty);}function empty(){}//========unknowfunction drawWindow() {    //画一个框子显示usrl        var all = document.getElementsByTagName(‘*‘);        for ( var i=all.length; i >= 0; i-- ) {            var style = getComputedStyle(all[i]);            if ( !style )                continue;            var z = parseInt(style.getPropertyValue(‘z-index‘));            if ( z > zIndex )                zIndex = z+1;        }        var _container = document.createElement(‘div‘),            _label = document.createElement(‘div‘);             _button = document.createElement(‘button‘);            _button.onclick = function(){                 size = size + 0.1;                   set();              };            _button2 = document.createElement(‘button‘);            _button2.onclick = function(){                size = size - 0.1;                  set();              };             _container.id = ‘hoverLinkContainer‘;        _container.style.zIndex = zIndex;        _container.innerHTML = ‘Loading...‘;        _label.id = ‘hoverLinkLabel‘;        //_label.innerHTML = ‘Loading...‘;  //预先设置的显示        //_label.style.cssText = "-webkit-transform: scale(1.0);-webkit-transform-origin: 0px 0px;"; //for containLabel init        _container.appendChild(_label);         containerLabel=_label; //_label变成节点了？        _button.id = "buttonLarg";        _button2.id = "buttonSmal";        _button.style[‘background‘]="white";        _button.style[‘font-color‘]="black";        _button.style[‘margin-top‘]="5px";        button = _button;        container = _container;        label = _label;    }// function showFinalURL(url){//    insertLabel(url);// }    function insertLabel(txt){    //txt=txt.substring(1,txt.length-1);    container.innerHTML=txt;    //嵌入到文本中(注意是‘’不是“”)    //container.innerHTML=‘<button onclick="zoomout()">enlarger</button><input type="button" id ="button2" value="http://www.mamicode.com/smaller" onclick="zoomin()"><div>‘+txt+‘</div>‘;}function set() {  containerLabel.style.cssText = containerLabel.style.cssText + ‘; -webkit-transform: scale(‘ + size + ‘);-webkit-transform-origin: 0 0;‘;  } function showWord(webdata){     $.post(‘http://gozoom4235.appspot.com/body.php‘,{webdata:webdata},function(data){ //http://localhost/body.php         console.log(data);     insertLabel(data);});    }})(window);