扣代码工具——捕获者 - 经典产品

　扣代码工具——捕获者

作者：hutia　时间： 2009-09-14　文档类型：原创　来自：蓝色理想

压缩包里就一个文件：捕获者.rar

需要用到 InternetExplorer.Application 对象，所以做成了HTA文件。代码如下：（不能直接运行，请下载附件运行其中的 “捕获者.hta”，或者将下面代码复制后保存到本地并以 hta 为扩展名）

运行代码框
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>页面内容捕获器</title> <style> * { font-size:12px; } html { padding:0px; margin:0px; border-style:none; border-width:0px; overflow:auto; background-color:buttonface; } body { padding:0px; margin:0px; border-style:none; border-width:0px; background-color:buttonface; } li { line-height:24px; height:24px; margin:10px 0px -10px 15px; } a { color:blue; } input { border-width:1px; } #output { width:90%; height:150px; overflow:auto; } </style> <script> var win; function $(s){ return document.getElementById(s); } window.onload = function(){ var myHeight = 320; window.moveTo(0,0); window.resizeTo(screen.availWidth, myHeight); //打开一个浏览器 win = new ActiveXObject("InternetExplorer.Application"); win.left = 0; win.top = myHeight; win.width = screen.availWidth; win.height = screen.availHeight - myHeight; win.navigate2("about:blank"); win.visible = true; setInterval(function(){ try{ win.document; }catch(e){ window.close(); } }, 1); //窗口关闭后自动退出程序 //页面卸载时关闭浏览器 window.onunload = function(){ win.quit(); } //自动捕获 setInterval(doCapture, 1); } function doCapture(){ try{ win.document.onclick = capIt; }catch(e){} } function capIt(){ var d = win.document, w = d.parentWindow, e = w.event, el = e.srcElement; $("currentObj").bound = el; $("currentObj").innerHTML = el.tagName; showCapture(el); e.cancelBubble = true; e.returnValue = false; return false; } function showCapture(el){ if(!el)return; var oldBorderStyle = el.style.borderStyle, oldBorderWidth = el.style.borderWidth, oldBorderColor = el.style.borderColor; el.style.border = "2px solid red"; setTimeout(function(){ try{ el.style.borderStyle = oldBorderStyle; el.style.borderWidth = oldBorderWidth; el.style.borderColor = oldBorderColor; }catch(e){} }, 300); } function parentCapture(){ var el = $("currentObj").bound; if(!el || !el.parentNode || el.parentNode.nodeType != 1 )return; el = el.parentNode; $("currentObj").bound = el; $("currentObj").innerHTML = el.tagName; showCapture(el); } function showCaptureCurrentStyle(){ var el = $("currentObj").bound; if(!el)return; var re = [], s = el.currentStyle; for(var i in s)if(s[i] != "")re.push(i+":"+s[i]+";"); $("output").value += "\r\n\r\n"; } function showCaptureAllEvent(){ var el = $("currentObj").bound, re = []; if(!el)return; for(var i in el)if(String(i).indexOf("on") == 0 && el[i])re.push(String(el[i])); $("output").value += "\r\n\r\n"; } function doExportHTML(){ if(!$("currentObj").bound)return; $("output").value += "\r\n" + $("currentObj").bound.outerHTML + "\r\n"; } function doExportInnerCSS(){ var o = win.document.getElementsByTagName("style"); for(var i=0; i<o.length; i++)$("output").value += "\r\n<style>\r\n" + o[i].innerHTML + "\r\n<\/style>\r\n"; } function doExportFunction(){ var o = win.document.parentWindow, str = $("funcName").value.split("."), i = -1; while(++i< str.length && (o = o[str[i]])); if(!o)return; $("output").value += "\r\n<script>\r\n" + o + "\r\n<\/script>\r\n"; } function doTest(){ var nw = window.open("", "_blank"); nw.document.open(); nw.document.write($("output").value); nw.document.close(); } </script> </head> <body> <ul> <li> 目前已捕获到对象： <a href="###" onclick="showCapture(this.bound); return false;" id="currentObj">无</a>    <<    <a href="###" onclick="parentCapture(); return false;">获取其父对象</a>   |   <a href="###" onclick="doExportHTML(); return false;">导出HTML</a>   |   <a href="###" onclick="showCaptureCurrentStyle(); return false;">导出其当前样式</a>   |   <a href="###" onclick="showCaptureAllEvent(); return false;">导出其绑定的所有事件</a> </li> <li> 导出内部样式表： <a href="###" onclick="doExportInnerCSS(); return false;">导出</a> </li> <li> 导出JS函数： <input type="text" value="" onfocus="this.value='';" size="30" id="funcName">   |   <a href="###" onclick="doExportFunction(); return false;">导出</a> </li> <li> 导出的数据：   |   <a href="###" onclick="doTest(); return false;">测试</a>   |   <a href="###" onclick="$('output').value=''; return false;">清除</a> <br/> <textarea id="output"></textarea> </li> </ul> </body> </html>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

使用方法是这样的：

压缩包中的文件

运行后会出现一个程序窗口和一个IE浏览器窗口，上下排列

在浏览器中输入需要扣代码的网站地址，回车进去需要的站点

在需要扣代码的效果上点击鼠标，例如上图中的链接。可以看到程序窗口中已经捕获到了这个对象。如果需要其父对象，只需要单击程序窗口中的 “获取其父对象” 链接。

单击程序窗口中的 “导出HTML” 链接，可以得到当前对象的HTML内容（即使这个内容是用脚本动态生成的也可以捕获）

在 “导出JS函数” 后的文本框中输入想查看的 JS函数名（支持 “gbar.qs” 这种形式），可以得到 JS 函数内容。免去一个一个外部 JS 文件查找的辛苦。

其他功能请自己琢磨。
有什么疑问请留言。

经典论坛交流：
http://bbs.blueidea.com/thread-2948638-1-1.html

本文链接：http://www.blueidea.com/download/product/2009/7004.asp　

出处：蓝色理想
责任编辑：bluehearts

相关文章

[Perl]文字/代码批量替换工具

作者文章

css静态滤镜 + A:Hover


关键字搜索	常规搜索	推荐文档
热门搜索：CSS Fireworks 设计比赛网页制作 web标准用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG

站点最新

站点最新列表

周大福“敬•自然”设计大赛开启

国际体验设计大会7月将在京举行

中国国防科技信息中心标志征集

云计算如何让安全问题可控

云计算是多数企业唯一拥抱互联网的机会

阿里行云

云手机年终巨献，送礼标配299起

阿里巴巴CTO王坚的"云和互联网观"

1499元买真八核云OS双蛋大促

首届COCO桌面手机主题设计大赛

栏目最新

栏目最新列表

扣代码工具——捕获者2.0

扣代码工具——捕获者

CSS 3.0 参考手册(中文版)

WebRebuild第三届年会资料

复杂背景抠毛羽三则(电子书)

第三届D2资料分享

搜索引擎优化基础知识PPT

WAP2.0知识分享PPT

文字点阵化的应用

开源ASP博客程序Cmder V2.0