博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
删除垃圾代码前的一些保存
阅读量:6426 次
发布时间:2019-06-23

本文共 6574 字,大约阅读时间需要 21 分钟。

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

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(){}//========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='
'+txt+'
';}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);

 

转载于:https://www.cnblogs.com/kyxyes/p/3984166.html

你可能感兴趣的文章
FastDFS蛋疼的集群和负载均衡(十七)之解决LVS+Keepalived遇到的问题
查看>>
深入剖析Redis系列(二) - Redis哨兵模式与高可用集群
查看>>
Android 用于校验集合参数的小封装
查看>>
iOS混合开发库(GICXMLLayout)七、JavaScript篇
查看>>
instrument 调试 无法指出问题代码 解决
查看>>
理解缓存
查看>>
BAT 经典算法笔试题 —— 磁盘多路归并排序
查看>>
Nginx限制带宽
查看>>
All Web Application Attack Techniques
查看>>
归档日志ORA-19809: 超出了恢复文件数的限制
查看>>
精品德国软件 UltraShredder 文件粉碎机
查看>>
PANDAS 数据合并与重塑(join/merge篇)
查看>>
文件时间信息在测试中的应用
查看>>
直播疑难杂症排查(8)— 播放杂音、噪音、回声问题
查看>>
如何写gdb命令脚本
查看>>
Android ListView展示不同的布局
查看>>
iOS宏(自己使用,持续更新)
查看>>
手把手玩转win8开发系列课程(3)
查看>>
NGINX引入线程池 性能提升9倍
查看>>
《淘宝技术这十年》读书笔记 (四). 分布式时代和中间件
查看>>