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);
时间: 2024-10-13 01:03:43