1、PhantomJS是什么?
PhantomJS is a headless WebKit scriptable with a JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG.
PhantomJS是一个无界面的、可脚本编程的WebKit浏览器引擎,其快速,原生支持各种Web标准: DOM 处理, CSS 选择器, JSON, Canvas, 和 SVG。
- PhantomJS是一个基于webkit内核、无界面的浏览器,即它就是一个浏览器,只是其内的点击、翻页等人为相关操作需要程序设计实现;
- PhantomJS提供Javascript API接口,可以通过编写JS程序直接与webkit内核交互;
- PhantomJS的应用:无需浏览器的 Web 测试、网页截屏、页面访问自动化、网络监测。
PhantomJS官网
PhantomJS Github地址
2、下载与安装
- 下载:官方下载地址:http://phantomjs.org/download.html(目前官方支持三种操作系统,包括
Windows\Mac OS\Linux
这三大主流的环境,根据自己的运行环境选择要下载的包进行下载,我的运行环境是Windows7); - 下载完成后解压,单独放在一个文件夹里,如:
C:\wamp3.0.4\www\phantomjs-2.1.1-windows
; - 为方便使用,需设置环境变量,由于解压后
phantomjs.exe
可执行文件在之前文件夹的bin
目录下,所以将C:\wamp3.0.4\www\phantomjs-2.1.1-windows\bin
添加到环境变量中;
(设置环境变量:控制面板->系统和安全->系统->高级系统设置->环境变量->编辑用户变量Path->将;C:\wamp3.0.4\www\phantomjs-2.1.1-windows\bin
添加到最末端即可)
- win+R,输入cmd打开控制台,输入
phantomjs -v
,若输出了版本号,则证明安装成功了。
3、运行脚本
安装的时候解压的文件夹中的example目录下有很多官方的例子,那么我们该如何运行这些例子呢,看了官方的文档,直接命令行工具中输入phantomjs hello.js
,但却报错:Can't open 'helloworld.js',接着又踩了另一个坑,输入了phantomjs example/hello.js
,依旧报错
那么正确的运行方法是什么呢?原来文件需要绝对路径
正确运行的两种办法
- 1.绝对路径(即
phantomjs + 文件的绝对路径
)
- 在文件所在路径下打开cmd,然后执行
phantomjs hello.js
快速在文件所在目录打开cmd:在文件所在目录的空白处,按住Shift键->右击->选择‘在此处打开命令窗口’
- 在文件所在路径下打开cmd,然后执行