PhantomJS

一.PhantomJS概述

PhantomJS 是一个基于 WebKit 的服务器端 JavaScript API。它全面支持web而不需浏览器支持,其快速,原生支持各种Web标准: DOM 处理, CSS 选择器, JSON, Canvas, 和 SVG。 PhantomJS 可以用于 页面自动化 , 网络监测 , 网页截屏 ,以及 无界面测试 等

二.PnantomJS下载安装

1.下载地址:http://phantomjs.org/download.html   目前官方支持三种操作系统,包括windows\Mac OS\linux这三大主流的环境。你可以根据你的运行环境选择要下载的包,我的运行环境是Windows7。

2.下载完成后解压,单独放一个文件夹,如D:\phantomjs\phantomjs.exe,

3.为方便使用,设置环境变量:“;D:\phantomjs”

4.win+R, 打开控制台,输入phantomjs,回车


5.测试

准备一个简单的js - hello.js, 放在D:\phantomjs\examples文件夹下,win+R:打开控制台,切换到hello.js所在的文件夹,运行,如果控制台输出“hello word!”, 成功跑起





三.PhantomJS常用内置对象

3.1 system

system:获得系统操作对象,包括命令行参数、phantomjs系统设置等信息

var system=require('system'); 

3.2 webpage

webpage:获取操作dom或web网页的对象,通过它可以打开网页、接收网页内容、request、response参数,其为最核心对象。提供了一套可以访问和操作web文档的核心方法,包括操作DOM、事件捕获、用户事件模拟等等。

var page = require('webpage');   

3.3 fs

fs:获取文件系统对象,通过它可以操作操作系统的文件操作,包括read、write、move、copy、delete等。

var fs = require('fs');   

3.4 其他

其他详见官网:http://phantomjs.org/api/phantom/


四.PhantomJS常用API

1.通过page对象打开url链接,并可以回调其声明的回调函数,其回调发生的时机为该URL被彻底打开完毕,即该URL所引发的请求项被全部加载完,但ajax请求是与它的加载完成与否没有关系

page.open(url,function (status) {})  


2.当page.open调用时,回首先执行该函数,在此可以预置一些参数或函数,用于后边的回调函数中

page.onLoadStarted = function() {}


3.page的所要加载的资源在加载过程中,出现了各种失败,则在此回调处理

page.onResourceError = function(resourceError) {} 


4.page的所要加载的资源在发起请求时,都可以回调该函数

page.onResourceRequested = function(requestData, networkRequest) {} 


5.page的所要加载的资源在加载过程中,每加载一个相关资源,都会在此先做出响应,它相当于http头部分,  其核心回调对象为response,可以在此获取本次请求的cookies、userAgent等

page.onResourceReceived = function(response) {}


6.欲在执行web网页时,打印一些输出信息到控制台,则可以在此回调显示。

page.onConsoleMessage = function (msg) {}


7.phantomjs是没有界面的,所以对alert也是无法直接弹出的,故phantomjs以该函数回调在page在执行过程中的alert事件

page.onAlert = function(msg) {}


8.当page.open中的url,它自己(不包括所引起的其它的加载资源)出现了异常,如404、no route to web site等,都会在此回调显示。

page.onError = function(msg, trace) {}


9.当page.open打开的url或是该url在打开过程中基于该URL进行了跳转,则可在此函数中回调。

page.onUrlChanged = function(targetUrl) {}


10.当page.open的目标URL被真正打开后,会在调用open的回调函数前调用该函数,在此可以进行内部的翻页等操作

page.onLoadFinished = function(status){} 


11.在所加载的web page内部执行该函数,像翻页、点击、滑动等,均可在此中执行

page.evaluate(function(){});


12.将当前page的现状渲染成图片,输出到指定的文件中去。

page.render("");


五.PhantomJS实例 - 脚本参数

argu.js:

"use strict";  
var system = require('system');  
phantom.outputEncoding = "gbk";  
if (system.args.length === 1) {  
    system.args.forEach(function (arg, i) {  
            console.log(i + ': ' + arg);  
    });  
} else {  
    system.args.forEach(function (arg, i) {  
            console.log(i + ': ' + arg);  
    });  
}  
phantom.exit();  


六.PhantomJS实例 - 截图

1. screen.js
var page = require('webpage').create();  
page.open('http://www.baidu.com', function(){  
    page.render('baidu.png');  
    phantom.exit();  
});  
2. 截图位置根据控制台前面的信息




七.PhantomJS注意事项

  1. 区分phantomjs的对象和打开的web page的对象,如document、window等,两者都有,在调用page.evaluate和不调用的时候,注意区分二者的范围,容易在调试时出现很多的问题,且不好发现。    
  2. page.injectJs和page.includeJs的区别,前者侧重本地的js文件,与libraryPath挂购,后者侧重网络js文件,尤其在引入jQuery等第三方库时,会经常遇到。
  3. 编码问题,两个重要参数,--output-encoding,--script-encoding,前者为输出编码,后者为所使用js、参数配置文件的编码,为方便起鉴,建议均采用utf-8编码,并注所应用到的目标文件的编码,以免引起很不可思议的异常,又无从查起。

发布了149 篇原创文章 · 获赞 97 · 访问量 36万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览