Windows中Phantomjs + Casperjs安装使用方法

安装 Phantomjs + Casperjs

Casperjs是用JavaScript编写的导航测试脚本和开发工具，这篇文章主要讲解Casperjs在windows下的安装和使用，如果你刚刚听说Casperjs，请到 CasperJS 介绍 章节了解Casperjs的功能和作用，然后再回来这里学习CasperJS的安装。

CasperJS的使用是基于PhantomJS的，所以在安装CasperJS之前要先安装PhantomJS，请到这里下载PhantomJS。在windows下安装请下载windows版本。

第一步：下载了PhantomJS后，把压缩包里的文件夹解压到D盘，重命名文件夹为phantomjs，然后在windows中添加环境变量;D:＼phantomjs到Path中。在这里先不用关心phantomjs文件夹下的内容。

第二步：接下来我们就要下载CasperJS了，点击这里进行下载，在这里我下载的是version is 1.1-beta3版本。

第三步：下载CasperJS，同样把压缩包里的文件夹解压到D盘，重命名文件夹为casperjs，然后在windows中添加环境变量;D:＼casperjs＼bin到Path中。

第四步：把在运行中运行cmd命令打开控制台，运行命令>casperjs –version，如果可以打印出版本号，恭喜你，CasperJS安装成功。

PhantomJS 实现网站截图

2、下载后解压，得到以下文件：

3、右键->新建一个文件，命名为snap.js，里面输入如下内容：

 

代码如下

复制代码

var page = new WebPage(), address, output, size; if (phantom.args.length < 2 || phantom.args.length > 3) { console.log('Usage: rasterize.js URL filename'); phantom.exit(); } else { address = phantom.args[0]; output = phantom.args[1]; page.viewportSize = { width: 600, height: 600 }; page.open(address, function (status) { if (status !== 'success') { console.log('Unable to load the address!'); } else { window.setTimeout(function () { page.render(output); phantom.exit(); }, 200); } }); }

 

4、在开始菜单-->搜索-->输入CMD，开启命令行模式：

5、定位到你的phantomjs目录，输入如下代码，回车后得到如下运行状态：

phantomjs snap.js http://www.google.com.sg google.png

 

6、得到截图

中文网站截图乱码，安装字体解决

用phantomjs去截取中文页面的网站可能会出现乱码的情况，也就是截图中中文的位置全是方框。
解决办法就是安装字体。
在centos中执行：yum install bitmap-fonts bitmap-fonts-cjk
在ubuntu中执行：sudo apt-get install xfonts-wqy
这样再去截图中文的页面就不会出现一堆的方框了。