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

　　　　如果你高二才开始想学声乐，那你就是零基础的学生，最后的成绩很大程度上取决于你的引路人专业老师。打赏同类投行快讯2017年2月，BrandFinance发布2017年度全球500强品牌榜单，中国建设银行排名第14。

　　保时捷为广大车友倾情呈现的这场跑车盛宴，不仅诠释了赛道激情与跑车文化的无穷魅力，也再次点燃运动激情。虽然这里的村民每天收入不到10块钱，但他们仍然对这些二手服装非常感兴趣，很多时候还要借钱来买衣服。

　　本次会议将邀请政府主管部门，数据中心、信息基础设施等信息行业企业，以及石油、电力、煤炭、船舶、钢铁、可再生能源等能源、化工、材料及装备企业，行业机构、科研院校和信息技术企业的领导和专家与会，着重探讨在当前技术背景和行业发展形势下，绿色低碳高效数据中心的实践经验、政策趋势和技术方案。　　很多人喜欢看漫画，漫画中许多夸张的人物深受大家的喜爱，这也是漫画带给大家的乐趣，不同的画面表达的意思不同，远远胜过肢体语言。

　　像我们工厂工厂员工较为固定，厂交货期准，且订单质量能得到保证，做工仔细，所以才能得到那么多客户的青睐。　　此外，布娜新表示，企业的招股书大部分都按照规则编制，但在编制的过程中也会存在个别夸大事实、过度包装的现象，尤其行业地位、占据市场份额、技术独家性等维度，在特定的情况下可能会存在一些主观色彩和功利色彩，也是关注的重点。

压缩包里就一个文件：捕获者.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.zjispdip.cn/download/product/2009/7004.asp　

出处：喜运28网
责任编辑：bluehearts


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