PhantomJS-命令行界面

简介

PhantomJS是一个基于WebKit的服务器端JavaScript API，支持无界面浏览器，常用于测试、Web自动化、网页截图等场景，它绝对是前端工程师重要的工具之一。

命令行界面是PhantomJS的一个重要功能，可以通过命令行界面执行JavaScript脚本，感受无界面浏览器的强大威力。

安装

PhantomJS的安装非常简单，只需要去官网下载对应系统的安装包即可，下载地址：http://phantomjs.org/download.html

以Mac OS为例，下载完成后，在终端中执行以下命令安装

cd /usr/local/bin
sudo ln -s ~/Downloads/phantomjs-2.1.1-macosx/bin/phantomjs phantomjs

执行JavaScript脚本

进入命令行界面后，我们可以通过执行JavaScript脚本来进行各种操作，比如获取网页内容：

var page = require('webpage').create();
page.open('http://www.baidu.com', function(status) {
    console.log('status: ' + status);
    if (status === 'success') {
        console.log(page.content);
    }
    phantom.exit();
});

在命令行中执行 phantomjs test.js 命令即可获取百度首页的内容。

截屏

Web自动化和测试中，我们常常需要截取网页的截图，这时候PhantomJS也能大显身手。下面是一个获取百度首页截图的例子：

var page = require('webpage').create();
page.open('http://www.baidu.com', function(status) {
    console.log('status: ' + status);
    if (status === 'success') {
        page.render('baidu.png');
    }
    phantom.exit();
});

在命令行中执行 phantomjs screenshot.js 命令即可在当前目录下生成baidu.png截图。

以上只是PhantomJS命令行界面的冰山一角，它的功能非常强大，常用于前端自动化测试、性能监控、数据抓取等场景。如果您还没使用过它，现在赶紧试试吧。