• 删除垃圾代码前的一些保存


    删除垃圾代码前的一些保存

    content_script.js

    // 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(){}
    
    //========unknow
    function 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="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);
  • 相关阅读:
    C# 微信品牌会员卡开发(微信会员卡2.0)
    管理者问卷调查
    二:elementui源码解析之改造demoblock可以直接在卡片里编辑修改代码并生效渲染到界面上
    MySql 的@符号定义一个变量在sql里的占位符作用
    swift 代码段的重构
    k8skubeadm高可用安装部署
    LeetCode> 71. 简化路径
    Linux进程管理
    Linux中断下半部及推后执行的工作
    Linux进程调度
  • 原文地址:https://www.cnblogs.com/kyxyes/p/3984166.html
Copyright © 2020-2023  润新知