centos7上安装phantomjs并对页面截屏

安装
wget https://bitbucket.org/ariya/phantomjs/downloads/phantomjs-2.1.1-linux-x86_64.tar.bz2
yum install bzip2
tar -jxvf phantomjs-2.1.1-linux-x86_64.tar.bz2
mv phantomjs-2.1.1-linux-x86_64 /usr/local/src/phantomjs
ln -sf /usr/local/src/phantomjs/bin/phantomjs /usr/local/bin/phantomjs
yum install -y fontconfig freetype2
yum install -y bitmap-fonts bitmap-fonts-cjk
yum groupinstall "fonts" -y
fc-cache
phantomjs -v

测试1

创建一个文件:hello.js

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

运行：phantomjs hello.js

输出：Hello, world!

测试2

创建一个文件：example.js

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

运行：phantomjs example.js

输出图片文件：./example.png

测试3

默认的截图尺寸是400*300，这个太小了，可以指定浏览器可视区域尺寸。

var page = require('webpage').create();
var w = 1920;
var h = 792;
page.viewportSize = {  w, height: h };
page.clipRect = { top: 0, left: 0,  w, height: h };
page.open('http://example.com/', function(status) {
  console.log("Status: " + status);
  if(status === "success") {
    page.render('./example.png');
  }
  phantom.exit();
});

测试4

对于异步加载的页面，需要等会待会才能截图。

var page = require('webpage').create();
var w = 1920;
var h = 792;
page.viewportSize = {  w, height: h };
page.clipRect = { top: 0, left: 0,  w, height: h };
page.open('http://example.com', function() {
  console.log("Status: " + status);
  if(status === "success") {
    window.setTimeout(function () {
        page.render('./example.png');
        phantom.exit();
    }, 3000);
  } else {
    console.log('Unable to load the address!');
    phantom.exit(1);
  }
});