一聚教程网:一个值得你收藏的教程网站

热门教程

Windows中Phantomjs + Casperjs安装使用方法

时间:2022-06-30 17:59:46 编辑:袖梨 来源:一聚教程网

安装 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. phantomjs应用场景
web回归测试
网页截图,png,pdf
网络状况监控
3. phantomjs网页截图
1、到这里下载phantomjs的Windows版本:
http://phantomjs.org/download.html

2、下载后解压,得到以下文件:
20140318112813


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,开启命令行模式:
20140318112926

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

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

 

20140318113604
6、得到截图
20140318113021

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

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

 

 

热门栏目