PJS001 PhantomJ简易入门

PJS001 PhantomJ简易入门

PhantomJS是什么

PhantomJS是一个基于webkit的JavaScript API,使用QtWebKit作为它核心浏览器的功能,使用webkit来编译解释执行JavaScript代码。任何你可以在基于webkit浏览器做的事情,它都能做到。它不仅是个隐形的浏览器,提供了诸如CSS选择器、支持Web标准、DOM操作、JSON、HTML5、Canvas、SVG等,同时也提供了处理文件I/O的操作,从而使你可以向操作系统读写文件等。PhantomJS的用处可谓非常广泛,诸如前端无界面自动化测试(需要结合Jasmin)、网络监测、网页截屏等。

延伸链接

PhantomJS官方地址

PhantomJS官方API

PhantomJS官方示例

PhantomJS GitHub

##安装

打开我的电脑->右键属性->高级系统设置->高级标签->环境变量,在系统变量里找到Path,将phantomjs.exe所在目录路径添加到环境变量里。

第一个小程序HelloWorld

编辑新建hello.js文件,输入内容如下:

//a phantomjs example
var page = require('webpage').create();  
phantom.outputEncoding="gbk";
page.open("http://www.cnblogs.com/front-Thinking", 
    function(status) {
        if ( status === "success" ) {
            console.log(page.title);
        } else {
            console.log("Page failed to load.");
        }
    phantom.exit(0);
    } ); 

在cmd命令行下运行

λ phantomjs.exe   D:\Users\Frank\Desktop\PhantomJS\hello.js
front-Thinking - 博客园

代码注释:

  1. //webpage是phantomjs的核心模块之一,它给用户提供了访问、操作、选择web文档的接口
  2. 运行page.open函数,其中第一个参数是你要访问的url,第二个参数是一个回调函数。在回调函数里我们检查了下返回的状态,如果是success那么我们就将浏览的url制定文档的title打印出来,如你所见,如果不是那么打印文档加载出错。最后一行退出phantomjs执行环境。

PhantomJS核心API

  1. webpage:如你所见,它的作用主要是提供了一套可以访问和操作web文档的核心方法,包括操作DOM、事件捕获、用户事件模拟等等。
  2. system: 该模块提供了一些与操作系统相关的接口,例如访问操作系统信息、访问系统环境变量、接受命令行参数等等与程序执行相关的系统信息。
  3. fs:即FileSystem。熟悉NodeJS的朋友都知道,NodeJS也内建了相关的核心模块。fs提供了执行文件I/O操作的标准接口,如读写文件、删除文件等。它使得你持久化一些文件(如logfile等)变得非常容易。
  4. webserver:如其名字一样,你可以基于它来实现自己的webserver,用来处理请求并且执行PhantomJS代码等。

PhantomJS命令参数的用法:

PhantomJS的命令格式如下:

phantomjs [switches] [options] [script] [argument [argument [...]]]

其中,各种参数都是可选的。例如我们第一个程序的执行命令如下:

phantomjs hello.js

打开debug模式(该模式用于开发,可提供必要提示信息):

phantomjs --debug=yes hello.js

设置cookie路径:

phantomjs --cookie-file=cookie.txt hello.js

参考链接

  1. PhantomJS快速入门

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏小文博客

win10 Edge浏览器插件开发

1382
来自专栏快乐八哥

Windows8异步编程的注意事项

Windows8项目中涉及到下载数据和上传数据。针对小的数据使用的是WinJS.xhr(),而针对大的文件,不方便使用post方式直接上传的文件都使用Backg...

18510
来自专栏极客慕白的成长之路

前端知识点总结 : Vue

作用:将表达式执行的结果 输出当调用元素的innerHTML中;还可以将数据绑定到视图。

581
来自专栏枕边书

JavaScript Alert 函数执行顺序问题

问题 ---- 前几天使用 JavaScript 写 HTML 页面时遇到了一个奇怪的问题: 我想实现的功能是通过 confirm() 弹窗让用户选择不同的需求...

3184
来自专栏漫漫前端路

vue-cli 3.0 下发布一个 TypeScript 组件

vue-cli 3.0 提供了一系列功能,包括对 Babel, TypeScript, ESlint, PWA 等开箱即用的支持,同时,它也提供了一个 CLI ...

1912
来自专栏小尘哥的专栏

thymeleaf中使用layui

头部引入css,尾部引入js,定义两个模板(一个也可以,里面的碎片分开写,我喜欢写两个分别引入),注意th:fragment,fragment即碎片,可以在模板...

8856
来自专栏快乐八哥

Windows8异步编程的注意事项

Windows8 App开发中涉及到下载数据和上传数据。针对小的数据使用的是WinJS.xhr(),而针对大的文件,不方便使用post方式直接上传的文件都使用B...

21410
来自专栏流柯技术学院

PhantomJS快速入门

本文简要介绍了PhantomJS的相关基础知识点,主要包括PhantomJS的介绍、下载与安装、HelloWorld程序、核心模块介绍等。由于鄙人才疏学浅,难免...

6552
来自专栏Puppeteer学习

一步一步学习Vue(十一)

1752
来自专栏葡萄城控件技术团队

WebStorm 常用功能的使用技巧分享

WebStorm 是 JetBrain 公司开发的一款 JavaScript IDE,使用非常方便,可以使编写代码过程更加流畅。 本文在这里分享一些常用功能的使...

2848

扫码关注云+社区

领取腾讯云代金券