Node.js实现的简易网页抓取功能示例


Posted in Javascript onDecember 05, 2014

现今,网页抓取已经是一种人所共知的技术了,然而依然存在着诸多复杂性, 简单的网页爬虫依然难以胜任Ajax轮训、XMLHttpRequest,WebSockets,Flash Sockets等各种复杂技术所开发出来的现代化网站。

我们以我们在Hubdoc这个项目上的基础需求为例,在这个项目中,我们从银行,公共事业和信用卡公司的网站上抓取帐单金额,到期日期,账户号码,以及最重要的:近期账单的pdf。对于这个项目,我一开始采用了很简单的方案(暂时并没有使用我们正在评估的昂贵的商业化产品)——我以前在MessageLab/Symantec使用Perl做过的一个简单的爬虫项目。但是结果很不顺利,垃圾邮件发送者所制作的网站要比银行和公共事业公司的网站简单的多得多。

那么如何解决这个问题呢?我们主要从使用Mikea开发的优秀 request库开始。在浏览器中发出请求,并在Network窗口中查看到底发送出去了什么请求头,然后把这些请求头拷贝到代码里。这个过程很简单。仅仅是跟踪从登陆开始,到下载Pdf文件结束的这个过程,然后模拟这个过程的所有的请求而已。为了使类似的事情处理起来变得容易,并且能让网络开发者们更加合理地写爬虫程序,我把从HTML上取到结果的方把导出到jQuery中(使用轻量级 cheerio库),这使得相似的工作变得简单,也使利用CSS选择子选取一个页面中的元素变得较为简单。整个过程被包装进一个框架,而这个框架也可以做额外的工作,例如从数据库中拾取证书,加载个体机器人,和UI通过socket.io沟通。

对于一些web站点来说这个是有效的,但这仅仅是JS脚本,而不是我那个被这些公司放在他们站点上的node.js的code。他们对遗留下来的问题,针对复杂性就行分层,使得你非常难去弄明白该做什么来得到登录的信息点。对于一些站点我尝试了几天通过与request()库结合来获取,但仍是徒然。

在几近崩溃后,我发现了node-phantomjs,这个库可以让我从node中控制phantomjs headless webkit浏览器(译者注:这个我没想到一个对应的名词,headless这里的意思是渲染页面在后台完成,无需显示设备)。这看起来是一种简单的解决方案,但是还有一些phantomjs无法回避的问题需要解决:

1.PhantomJS只能告诉你页面是否完成了加载,但是你无法确定这个过程中是否存在通过JavaScript或者meta标签实现的重定向(redirect)。特别是JavaScript使用setTimeout()来延迟调用的时候。

2.PhantomJS为你提供了一个页面加载开始(pageLoadStarted)的钩子,允许你处理上面提到的问题,但是这个机能只能在你确定要加载的页面数,在每个页面加载完成时减少这个数字,并且为可能的超时提供处理(因为这种事情并不总是会发生),这样当你的数字减少为0,就可以调用你的回调函数了。这种方式可以工作,但是总让人觉得有点像是黑客手段。

3.PhantomJS每抓取一个页面需要一个完整独立的进程,因为如果不这样,无法分离每个页面之间的cookies。如果你是用同一个phantomjs进程,已经登录的页面中的session会被发送到另一个页面中。

4.无法使用PhantomJS下载资源 - 你只能将页面保存为png或者pdf。这很有用,但是这意味着我们需要求助于request()来下载pdf。

5.由于上述的原因,我必须找到一个方法来将cookie从PhantomJS的session中分发到request()的session库中去。只需要将document.cookie的字符串分发过去,解析它,然后将其注入到request()的cookie jar中去。

6.将变量注入到浏览器session中并不是件容易的事情。要这么做我需要创建一个字符串来建立一个Javascript函数。

Robot.prototype.add_page_data = function (page, name, data) {

 page.evaluate(

 "function () { var " + name + " = window." + name + " = " + JSON.stringify(data) + "}"

 );

}

7.一些网站总是充斥着console.log()之类的代码,也需要将他们重新定义,输出到我们希望的位置。为了完成这个,我这么做:
if (!console.log) {

    var iframe = document.createElement("iframe");

    document.body.appendChild(iframe);

    console = window.frames[0].console;

}

8.一些网站总是充斥着console.log()之类的代码,也需要将他们重新定义,输出到我们希望的位置。为了完成这个,我这么做:

if (!console.log) {

    var iframe = document.createElement("iframe");

    document.body.appendChild(iframe);

    console = window.frames[0].console;

}

9.告诉浏览器我点击了a标签也是件很不容易的事情,为了完成这些事情,我加入了以下的代码:
var clickElement = window.clickElement = function (id){

    var a = document.getElementById(id);

    var e = document.createEvent("MouseEvents");

    e.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);

    a.dispatchEvent(e);

 };

10.我还需要限制浏览器session的最大并发量,从而保障我们不会爆掉服务器。虽然这么说,可是这个限制要比昂贵的商业解决方案所能提供的高很多。(译者注:即商业解决方案的并发量比这个解决方案大)

所有的工作结束后,我就有一个比较体面的 PhantomJS + request 的爬虫解决方案。必须使用 PhantomJS 登录后才可以返回去 request() 请求,它将使用在 PhantomJS 中设置的 Cookie 来验证登录的会话。这是一个巨大的胜利,因为我们可以使用 request() 的流来下载 pdf文件。

整个的计划就是为了让 Web 开发者相对容易的理解如何使用 jQuery 和 CSS 选择器来创建不同 Web 网站的爬虫,我还没有成功证明这个思路可行,但相信很快会了。

Javascript 相关文章推荐
JavaScript 页面编码与浏览器类型判断代码
Jun 03 Javascript
Bookmarklet实现启动jQuery(模仿 云输入法)
Sep 15 Javascript
jquery blockUI 遮罩不能消失与不能提交的解决方法
Sep 17 Javascript
js 删除数组的几种方法小结
Feb 21 Javascript
html的DOM中Event对象onblur事件用法实例
Jan 21 Javascript
jquery Easyui快速开发总结
Aug 20 Javascript
更高效的使用JQuery 这里总结了8个小技巧
Apr 13 Javascript
浅谈jQuery中的checkbox问题
Aug 10 Javascript
jQuery事件处理的特征(事件命名机制)
Aug 23 Javascript
基于JavaScript实现屏幕滚动效果
Jan 18 Javascript
微信小程序实现签到功能
Oct 31 Javascript
详解微信小程序开发聊天室—实时聊天,支持图片预览
May 20 Javascript
浅谈js的setInterval事件
Dec 05 #Javascript
浅谈javascript中createElement事件
Dec 05 #Javascript
javascript的push使用指南
Dec 05 #Javascript
javascript结合ajax读取txt文件内容
Dec 05 #Javascript
javascript实现切换td中的值
Dec 05 #Javascript
使用Javascript简单实现图片无缝滚动
Dec 05 #Javascript
深入分析js的冒泡事件
Dec 05 #Javascript
You might like
编写漂亮的代码 - 将后台程序与前端程序分开
2008/04/23 PHP
php随机输出名人名言的代码
2012/10/07 PHP
php实现二叉树中和为某一值的路径方法
2018/10/14 PHP
不要小看注释掉的JS 引起的安全问题
2008/12/27 Javascript
js实现的切换面板实例代码
2013/06/17 Javascript
可以用鼠标拖动的DIV实现思路及代码
2013/10/21 Javascript
js获得网页背景色和字体色的方法
2014/03/21 Javascript
将form表单通过ajax实现无刷新提交的简单实例
2016/10/12 Javascript
jQuery动态添加与删除tr行实例代码
2016/10/18 Javascript
Vue2.0 UI框架ElementUI使用方法详解
2017/04/14 Javascript
浅谈Vue.js中ref ($refs)用法举例总结
2017/12/19 Javascript
vue中tab选项卡的实现思路
2018/11/25 Javascript
微信小程序中使用echarts的实现方法
2019/04/24 Javascript
微信小程序wx.request的简单封装
2019/11/13 Javascript
Python3.2中的字符串函数学习总结
2015/04/23 Python
python编程线性回归代码示例
2017/12/07 Python
python实现随机森林random forest的原理及方法
2017/12/21 Python
django加载本地html的方法
2018/05/27 Python
详解Django-restframework 之频率源码分析
2019/02/27 Python
Python 硬币兑换问题
2019/07/29 Python
Python 仅获取响应头, 不获取实体的实例
2019/08/21 Python
解析PyCharm Python运行权限问题
2020/01/08 Python
python默认参数调用方法解析
2020/02/09 Python
Python request使用方法及问题总结
2020/04/26 Python
Python操作MySQL数据库的示例代码
2020/07/13 Python
CSS3教程(4):网页边框和网页文字阴影
2009/04/02 HTML / CSS
介绍一下Ruby的特点
2013/01/20 面试题
网络维护管理员的自我评价分享
2013/11/11 职场文书
化工专业推荐信范文
2013/11/28 职场文书
应届生如何写自荐信
2014/01/05 职场文书
党员2014两会学习心得体会
2014/03/17 职场文书
学校做一个有道德的人活动方案
2014/08/23 职场文书
党员批评与自我批评思想汇报
2014/10/08 职场文书
2015年上半年信访工作总结
2015/03/30 职场文书
公司员工离职感言
2015/08/03 职场文书
anaconda python3.8安装后降级
2021/06/11 Python