chrome插件：提取页面数据

近期在做chrome插件，需要提取页面里的一些数，简单说就是企业版微博的后台数据，因为微博不提供导出功能。最开始是用php完成的，但是每次都需要先把页面代码保存下来，再进行提取，很麻烦。chrome插件可以和页面DOM交互，看起来很方便，所以开始学着写。javascript和jQuery都是边学习边写。

以下代码实现了把需要的数据提出来，需要补充xmlHttpObject部分。

<script type="text/javascript" charset="UTF-8" src="http://chenbinx.cn/kaiguan/jquery-2.0.2.min.js"></script>
<script type="text/javascript">$(document).ready(function(){$("span.main_title").click(function(){console.log("执行了！");var m=$("[class='S_line2 W_tc fst']");time=m[0];//选取第一个节点  console.log("日期为："+time.innerText);//whyvar content=nextSibling(time);//获取兄弟节点  console.log("博文内容为："+content.innerText);var read=nextSibling(content);console.log("博文阅读数为："+read.innerText);var zan=getFirst(nextSibling(read));//获取下一个兄弟的第一个孩子节点 console.log("转评赞为："+zan.innerText);var clicknum=nextSibling(zan);//获取这个孩子的下一个兄弟  console.log("短链点击为："+clicknum.innerText);})
})functiongetFirst(elem){for(var i=0,e;e=elem.childNodes[i++];){if(e.nodeType==1)returne;  }
}//下一个兄弟节点functionnextSibling(node) {var tempLast =node.parentNode.lastChild;if (node == tempLast) return null;var tempObj =node.nextSibling;while (tempObj.nodeType != 1 && tempObj.nextSibling != null) {tempObj=tempObj.nextSibling;}return (tempObj.nodeType==1)? tempObj:null;}//前一个兄弟节点functionprevSibling(node) {var tempFirst =node.parentNode.firstChild;if (node == tempFirst) return null;var tempObj =node.previousSibling;while (tempObj.nodeType != 1 && tempObj.previousSibling != null) {tempObj=tempObj.previousSibling;}return (tempObj.nodeType==1)? tempObj:null;}</script>

这里把需要提取数的源代码也附上

<body>
<div class="E_PCD_chart2"><div class="WB_cardtitle_b S_line2"><h4 class="obj_name"><span class="main_title W_fb W_f14">博文分析</span><span class="subtitle S_txt2"><span class="W_icon icon_askS" action-type="layerIcon" action-data="t=2"></span></span></h4></div><div class="WB_innerwrap" node-type="articlesList"><table class="EM_table"><colgroup><col width="12%"><col width="37%"><col width="12%"><col><col width="9%"></colgroup><thead><tr><th class="S_line2 S_txt2 W_tc fst">发布时间</th><th class="S_line2 S_txt2">博文内容</th><th class="S_line2 S_txt2">博文阅读数</th><th class="S_line2 S_txt2 W_tc"><span>互动数</span><i class="ann c1"></i><span>转评赞</span><i class="ann c2"></i><span>短链点击</span></th><th class="S_line2 S_txt2 lst">操作<span class="W_icon icon_askS" action-type="layerIcon" action-data="t=1"></span></th></tr></thead><tbody><tr><td class="S_line2 W_tc fst"><p>2015-05-24 21:39</p></td><td class="S_line2"><a href="http://weibo.com/1854902371/CjmjFoKBD" target="_blank" class="S_txt1">#520爱尚我# 呛口同款西班牙芭蕾新履，Pretty Ballerinas大促5折...</a></td><td class="S_line2">7564</td><td class="S_line2"><dl class="EM_stripe clearfix"><dt class="W_fl W_tr">6</dt><dd class="W_fl"><span class="stripe"><i class="inner c1" style="width:2.52%;"></i></span></dd></dl><dl class="EM_stripe clearfix"><dt class="W_fl W_tr">12</dt><dd class="W_fl"><span class="stripe"><i class="inner c2" style="width:5.04%;"></i></span></dd></dl></td><td class="S_line2 lst"><a class="S_txt1" href="javascript:;" action-type="extension" action-data="url=http%3A%2F%2Fpromote.vip.weibo.com%2Fpromote%3Ffrom%3De_weibo%26mid%3D3846140195899029%26ru%3Dhttp%3A%2F%2Fweibo.com%2Fp%2F1006061854902371%2Fmanage%3Fiframe_url%3Dhttp%3A%2F%2Fe.weibo.com%2Fv1%2Feps%2Fdata%2Farticlestats%26failRu%3Dhttp%3A%2F%2Fweibo.com%2Fp%2F1006061854902371%2Fmanage%3Fiframe_url%3Dhttp%3A%2F%2Fe.weibo.com%2Fv1%2Feps%2Fdata%2Farticlestats" suda-uatrack="key=DataService&amp;value=123">推广</a></td></tr><tr><td class="S_line2 W_tc fst"><p>2015-05-24 17:26</p></td><td class="S_line2"><a href="http://weibo.com/1854902371/CjkEYrqia" target="_blank" class="S_txt1">#520爱尚我# 尚品网5周年大促即将结束，ASH全场4折起！明星款至...</a></td><td class="S_line2">16204</td><td class="S_line2"><dl class="EM_stripe clearfix"><dt class="W_fl W_tr">6</dt><dd class="W_fl"><span class="stripe"><i class="inner c1" style="width:2.52%;"></i></span></dd></dl><dl class="EM_stripe clearfix"><dt class="W_fl W_tr">17</dt><dd class="W_fl"><span class="stripe"><i class="inner c2" style="width:7.14%;"></i></span></dd></dl></td><td class="S_line2 lst"><a class="S_txt1" href="javascript:;" action-type="extension" action-data="url=http%3A%2F%2Fpromote.vip.weibo.com%2Fpromote%3Ffrom%3De_weibo%26mid%3D3846076526535926%26ru%3Dhttp%3A%2F%2Fweibo.com%2Fp%2F1006061854902371%2Fmanage%3Fiframe_url%3Dhttp%3A%2F%2Fe.weibo.com%2Fv1%2Feps%2Fdata%2Farticlestats%26failRu%3Dhttp%3A%2F%2Fweibo.com%2Fp%2F1006061854902371%2Fmanage%3Fiframe_url%3Dhttp%3A%2F%2Fe.weibo.com%2Fv1%2Feps%2Fdata%2Farticlestats" suda-uatrack="key=DataService&amp;value=123">推广</a></td></tr><tr><td class="S_line2 W_tc fst"><p>2015-05-24 14:05</p></td><td class="S_line2"><a href="http://weibo.com/1854902371/CjjlobuW8" target="_blank" class="S_txt1">#520爱尚我# 尚品网5周年大促，URBAN REVIVO、DAZZLE、d'zzit等...</a></td><td class="S_line2">13614</td><td class="S_line2"><dl class="EM_stripe clearfix"><dt class="W_fl W_tr">3</dt><dd class="W_fl"><span class="stripe"><i class="inner c1" style="width:1.26%;"></i></span></dd></dl><dl class="EM_stripe clearfix"><dt class="W_fl W_tr">16</dt><dd class="W_fl"><span class="stripe"><i class="inner c2" style="width:6.72%;"></i></span></dd></dl></td><td class="S_line2 lst"><a class="S_txt1" href="javascript:;" action-type="extension" action-data="url=http%3A%2F%2Fpromote.vip.weibo.com%2Fpromote%3Ffrom%3De_weibo%26mid%3D3846025942740532%26ru%3Dhttp%3A%2F%2Fweibo.com%2Fp%2F1006061854902371%2Fmanage%3Fiframe_url%3Dhttp%3A%2F%2Fe.weibo.com%2Fv1%2Feps%2Fdata%2Farticlestats%26failRu%3Dhttp%3A%2F%2Fweibo.com%2Fp%2F1006061854902371%2Fmanage%3Fiframe_url%3Dhttp%3A%2F%2Fe.weibo.com%2Fv1%2Feps%2Fdata%2Farticlestats" suda-uatrack="key=DataService&amp;value=123">推广</a></td></tr></tbody></table>

</div>

</div>

</body>

转载于:https://www.cnblogs.com/cibirii/p/4530578.html

chrome插件：提取页面数据相关推荐

用Chrome插件实现网页数据统计功能
用Chrome插件实现网页数据统计功能问题描述问题分析涉及技术耗时测试问题描述先说一下项目的需求:使用Chrome插件对bug提交系统的数据信息进行统计,bug提交系统大概长这个样子: 由 ...
chrome插件获取页面html,chrome扩展实现获取网页数据的功能
场景:某网站后台管理员页面,有几万会员数据,但列表页面每次只能显示20个,通过F12可以得知列表是通过RPC调用,然后解析Json串在前端进行展示渲染的,现要获取所有会员信息,因后台没有导出功能,如果 ...
chrome插件自动点击页面元素自动填入内容
使用较新的 manifest_version:3 ,event 类项目文件夹: manifest 是配置文件,Bw 是插件图标,background 是一直可以在后台运行的代码.usr_inpu ...
打开新世界大门，测试人可以用Chrome插件干什么？
什么是Chrome插件这篇文章所说的Chrome插件,也就是我们通常说的Chrome扩展 (Chrome Extension),是一个用Web技术开发.用来增强浏览器功能的软件,它其实就是一个由 H ...
不出门就和朋友们一起在家观看电影？只需要这款 Chrome 插件
不出门就能和朋友们来个 Netflix 电影之夜?只需要这款 Chrome 插件因为疫情的原因,所有的娱乐场所都关闭啦. 小伙伴们年前还想着约电影,约K歌呢,看看现在,整天还是躺在床上 ...
google浏览器插件开发获取页面指定数据_程序员必备的4款Chrome插件，编程神器...
一直有粉丝留言,想要大侠推荐几款程序员使用的插件,大侠特意去问了隔壁的程序员哥哥,终于被我问出了这4款编程神器!这4款插件不仅仅是提高效率那么简单哦,还可以让你的Chrome浏览器变得高端大气,一起来 ...
chrome 禁用恢复页面提示_有哪些很值得推荐的Chrome插件？精选7款实用插件
私藏的7个Chrome插件,谁用谁知道~ 为大家推荐一些我比较常用的插件.同时,我还将分享如何正确使用Chrome插件. 底部有福利!!! 安装不能安装用方法二 ① 将 crx 格式的插件文件后缀名 ...
chrome 插件页面请求转发_巧用Chrome插件二三事
作为程序员,在日常工作中往往会遇到一些影响工作效率的事情,比如:配套工具不趁手,开发环境难以搭建,代码调试困难等.这些问题由于并不直接与产品相关,所以往往受到忽视,但它们却又无时无刻不在,确确实实地影 ...
免费网站数据抓取插件，可视化页面数据抓取插件
网站页面数据抓取插件,允许我们将数据从网站直接抓取到我们的本地或者页面.网站网页数据抓取(也称为ScreenScraping.WebDataExtraction.WebHarvesting等)是一种用 ...

chrome插件：提取页面数据

chrome插件：提取页面数据相关推荐

最新文章

热门文章