`
dcj3sjt126com
  • 浏览: 1877826 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

PhantomJS快速入门教程

 
阅读更多

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

一、安装

安装包下载地址: http://phantomjs.org/download.html ,包括 Windows ,Mac OS,Linux版本,自行选择对应 版本下载解压即可( 为方便使用,可自已为phantomjs设置环境变量 ),其中带有一个example文件夹,里面有很多已经写好的代码供使用。本文假设phantomjs已经安装好并已设置了环境变量。

二、使用

Hello, World!

新建一个包含下面两行脚本的文本文件:

console.log('Hello, world!');
phantom.exit();

将文件另存为 hello.js ,然后执行它:

phantomjs hello.js

输出结果为:Hello, world!

第一行将会在终端打印出字符串,第二行 phantom.exit 将退出运行。 
在该脚本中调用 phantom.exit 是非常重要的,否则 PhantomJS 将根本不会停止。

脚本参数 – Script Arguments

Phantomjs如何传递参数呢?如下所示 :

phantomjs examples/arguments.js foo bar baz

其中的foo, bar, baz就是要传递的参数,如何获取呢:

var system = require('system');
if (system.args.length === 1) {
    console.log('Try to pass some args when invoking this script!');
} else {
    system.args.forEach(function (arg, i) {
            console.log(i + ': ' + arg);
    });
}
phantom.exit();

它将输出 :

0: foo
1: bar
2: baz

页面加载 – Page Loading

通过创建一个网页对象,一个网页可以被加载,分析和渲染。

下面的脚本将示例页面对象最简单的用法,它加载 example.com 并且将它保存为一张图片, example.png 。

var page = require('webpage').create();
page.open('http://example.com', function () {
    page.render('example.png');
    phantom.exit();
});

由于它的这个特性,PhantomJS 可以用来 网页截屏 ,截取一些内容的快照,比如将网页、SVG存成图片,PDF等,这个功能很牛X。

接下来的 loadspeed.js 脚本加载一个特殊的URL (不要忘了http协议) 并且计量加载该页面的时间。

var page = require('webpage').create(),
    system = require('system'),
    t, address;

if (system.args.length === 1) {
    console.log('Usage: loadspeed.js <some URL>');
    phantom.exit();
}

t = Date.now();
address = system.args[1];
page.open(address, function (status) {
    if (status !== 'success') {
        console.log('FAIL to load the address');
    } else {
        t = Date.now() - t;
        console.log('Loading time ' + t + ' msec');
    }
    phantom.exit();
});

在命令行运行该脚本:

phantomjs loadspeed.js http://www.google.com

它输出像下面的东西:

Loading  http://www.google.com  Loading time 719 msec

代码运算 – Code Evaluation

要想在网页的上下文中对JavaScript 或 CoffeeScript 进行运算,使用 evaluate() 方法。代码是在“沙箱”中运行的,它没有办法读取在其所属页面上下文之外的任何JavaScript对象和变量。 evaluate() 会返回一个对象,然而它仅限制于简单的对象并且不能包含方法或闭包。

这有一个示例来显示网页标题:

var page = require('webpage').create();
page.open(url, function (status) {
    var title = page.evaluate(function () {
        return document.title;
    });
    console.log('Page title is ' + title);
});

任何来自于网页并且包括来自 evaluate() 内部代码的控制台信息,默认不会显示的。要重写这个行为,使用 onConsoleMessage 回调函数,前一个示例可以被改写成:

var page = require('webpage').create();
page.onConsoleMessage = function (msg) {
    console.log('Page title is ' + msg);
};
page.open(url, function (status) {
    page.evaluate(function () {
        console.log(document.title);
    });
});

DOM操作 – DOM Manipulation

由于脚本好像是一个Web浏览器上运行的一样,标准的DOM脚本和CSS选择器可以很好的工作。这使得PhantomJS适合支持各种 页面自动化任务 。

下面的  useragent.js  将读取 id  为myagent的元素的  textContent  属性:

var page = require('webpage').create();
console.log('The default user agent is ' + page.settings.userAgent);
page.settings.userAgent = 'SpecialAgent';
page.open('http://www.httpuseragent.org', function (status) {
    if (status !== 'success') {
        console.log('Unable to access network');
    } else {
        var ua = page.evaluate(function () {
            return document.getElementById('myagent').textContent;
        });
        console.log(ua);
    }
    phantom.exit();
});

上面示例同样提供了一种自定义 user agent 的方法。

使用JQuery及其他类库:

var page = require('webpage').create();
page.open('http://www.sample.com', function() {
    page.includeJs("http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js", function() {
        page.evaluate(function() {
            $("button").click();
        });
        phantom.exit()
    });
});

网络请求及响应 – Network Requests and Responses

将一个页面从一台远程服务器请求一个资源的时候,请求和响应均可以通过 onResourceRequested  和  onResourceReceived  回调方法追踪到。示例  netlog.js

var page = require('webpage').create();
page.onResourceRequested = function (request) {
    console.log('Request ' + JSON.stringify(request, undefined, 4));
};
page.onResourceReceived = function (response) {
    console.log('Receive ' + JSON.stringify(response, undefined, 4));
};
page.open(url);

获取如何把该特性用于HAR 输出以及基于YSlow的性能分析的更多信息,请参阅 网络监控页面 。

YSlow and Jenkins

PhantomJs官网: http://phantomjs.org/

GitHub: https://github.com/ariya/phantomjs/wiki/Quick-Start

Like一下吧
分享到:
评论

相关推荐

    PhantomJS快速入门教程(服务器端的 JavaScript API 的 WebKit)

    PhantomJS是一款服务器端的JavaScript API,基于WebKit引擎,它为开发者提供了一个无需浏览器支持即可运行JavaScript的环境。PhantomJS支持包括DOM操作、CSS选择器、JSON解析、Canvas绘图以及SVG矢量图形等丰富的Web...

    爬虫利器:PhantomJS快速入门

    完成PhantomJS安装配置完成之后,下面进行简单的入门操作。首先通过一个小例子来演示PhantomJS,在电脑上新建一个JavaScript文件,在里面输入代码: console.log('Hello, world!'); phantom.exit(); 在命令行输入:...

    Node.JS利用PhantomJs抓取网页入门教程

    至此,你已经掌握了基本的PhantomJS网页抓取入门知识。PhantomJS提供的`page`对象还有许多其他属性和方法,如截屏、设置超时、注入JavaScript等,可以满足更复杂的抓取需求。要深入学习更多功能,建议访问PhantomJS...

    phantomjs,PhantomJS

    PhantomJS是一个基于webkit的JavaScript API。它使用QtWebKit作为它核心浏览器的功能,使用webkit来编译解释执行JavaScript代码。任何你可以在基于webkit浏览器做的事情,它都能做到。它不仅是个隐形的浏览器,提供...

    phantomjs-2.1.1.zip

    PhantomJS是一个基于Webkit的服务器端JavaScript API,它允许开发者无须浏览器支持即可执行JavaScript、渲染网页并获取结果。2.1.1是PhantomJS的一个版本,它提供了无头浏览器的功能,常用于自动化测试、网页截图、...

    phantomjs-2.1.1 下载

    这使得PhantomJS在进行无头(headless)浏览时特别有用,尤其在服务器环境或需要快速执行脚本的情况下。 标题中的"phantomjs-2.1.1 下载"指的是PhantomJS的特定版本2.1.1,这是它的一个稳定版本,包含了一些重要的...

    phantomjs自动化测试demo

    自动化测试能够帮助开发者快速定位问题,提高产品质量,减少手动测试的工作量。 至于"phantomjs.demo.mac"这个文件,根据名字推测,这可能是针对Mac OS平台的一个PhantomJS自动化测试的示例项目或压缩包。里面可能...

    NReco PhantomJS 示例源码

    NReco PhantomJS 是一个基于C#的库,它提供了对PhantomJS的简单封装,使得在.NET环境中能够轻松地利用PhantomJS的功能。...通过阅读和学习提供的示例代码,开发者能够快速上手,并将其应用到自己的项目中。

    C#使用Selenium+PhantomJS抓取数据

    在进行网络爬虫开发时,有时我们需要处理那些依赖JavaScript动态渲染的网页,这时C#结合Selenium与PhantomJS就成为一个有效的解决方案。本文将详细介绍如何在C#环境中利用Selenium WebDriver和PhantomJS来抓取此类...

    PhantomJS浏览器

    PhantomJS浏览器

    phantomjs-windows版

    PhantomJS是一款基于Webkit内核的无头浏览器,它主要用于自动化网页抓取、测试、屏幕截图等任务。"无头"意味着它在后台运行,没有用户界面,这对于自动化脚本和服务器端应用非常有用。PhantomJS支持JavaScript API,...

    鲲鹏 aarch64 编译后 phantomjs

    鲲鹏 aarch64 编译后 phantomjs

    phantomjs-2.1.1-windows.zip

    PhantomJS是一款强大的工具,尤其在自动化测试、网页截图、网页内容抓取等领域有着广泛的应用。这个名为"phantomjs-2.1.1-windows.zip"的压缩包文件,是PhantomJS的一个特定版本,针对Windows操作系统进行了优化。在...

    编译好的arm版的phantomjs2.1.1二进制包

    PhantomJS是一个基于Webkit内核的无头浏览器,它主要用于自动化测试、网页截屏、网页内容抓取等场景。这个资源提供的是针对ARM架构编译好的2.1.1版本的二进制包,意味着它已经过编译,可以直接在支持ARM指令集的设备...

    phantomjs 2.zip

    PhantomJS是一个基于Webkit的无头浏览器,它主要用于自动化测试、网页截屏、网络监控等领域。这个"phantomjs 2.zip"压缩包文件包含了适用于aarch64架构的PhantomJS v2.1.1版本,这是一款专为华为泰山服务器编译的...

    phantomjs-prebuilt

    PhantomJS是一个基于Webkit的服务器端JavaScript API,它允许开发者在无浏览器环境中运行JavaScript和Web页面。"phantomjs-prebuilt"是PhantomJS的一个预构建版本,旨在解决通过npm(Node.js的包管理器)下载...

    phantomjs-1.9.8-windows.zip

    5. **自动化测试**:由于其无头特性和JavaScript接口,PhantomJS被广泛用于自动化测试,如QUnit、Jasmine、Mocha等测试框架,可实现快速的页面加载和JavaScript单元测试。 6. **网页抓取和数据提取**:通过...

    phantomjs 2.1.1-windows版

    8. **社区支持**:PhantomJS拥有活跃的社区,开发者可以找到大量的示例脚本、教程和插件来帮助他们更好地使用这个工具。 在“phantomjs-2.1.1-windows”这个压缩包中,你应该会找到一个可执行文件(如`phantomjs....

Global site tag (gtag.js) - Google Analytics