PhantomJS 简单入门

来源:互联网 发布:教育视频网站知乎 编辑:程序博客网 时间:2024/06/05 08:34

ABOUT 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

  1. PhantomJS安装
    去官网下载PhantomJS
    这里写图片描述
    解压下载好的zip文件,就已经是安装好了
    在bin目录下找到phantomjs.exe ,打开出现如下界面,即可运行js代码。
    这里写图片描述

    //每次去固定目录运行实在有些麻烦,建议设置环境变量,比较方便一点。

    这里写图片描述

  2. 简单的Demo测试

    创建一个hello.js文件

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

    运行js文件

    这里写图片描述

  3. ABOUT其他强大的功能

    [1]打开一个网页,并截图保存

    var page = new WebPage()    var fs = require('fs');    page.onLoadFinished = function() {      console.log("page load finished");      page.render('phantomjs.png');      phantom.exit();    };    page.open("http://phantomjs.org", function() {      page.evaluate(function() {      });    });

    运行结果:
    这里写图片描述

    成功生成了截图文件!! //666666

    这里写图片描述

    [2]保存动态加载完成后的html源码 //我最最最想实现的功能!!

    var page = new WebPage()var fs = require('fs');page.onLoadFinished = function() {    console.log("page load finished");    page.render('weibo.png');    fs.write('2.html', page.content, 'w');    phantom.exit();};page.open("http://s.weibo.com/weibo/nuest?topnav=1&wvr=6&b=1", function() {    page.evaluate(function() {    });});

    !!!见证奇迹的时刻!!!!

    这里写图片描述

    这里写图片描述

    再让我们查看一下html源码
    这里写图片描述

    这里写图片描述

    真的是很详细完整的源码了,感动哭(╥╯^╰╥) 有没有!!