phantomjs 截图

Jessie   2015年12月8日   PhantomJS   评论(0)   浏览(3995)   标签: javaScript 数据爬取

phantomjs 截图，多个setTimeout是为了让页面尽量加载完整

/**截图test.js**/
var page = require('webpage').create();
page.viewportSize = { width: 1024, height: 600 };
page.open('http://www.2345.com/', function(status) {
 
 var bb= page.evaluate(function(){       
      //  window.scrollTo(0,10000);//滚动到底部  
        window.document.body.scrollTop = document.body.scrollHeight;  
        return window.document;
    }); 
// 按照实际页面的高度，设定渲染的宽高
 page.clipRect = {top:0,left: 0,width:bb.width,height: bb.height+300};

  window.setTimeout(function () {
   console.log("start开始截图");
    window.document.body.scrollTop = document.body.scrollHeight/2;
      window.setTimeout(function(){
        window.document.body.scrollTop = document.body.scrollHeight/4;
        window.setTimeout(function(){
            page.render('www.2345.com.png');
            // console.log(page.content);
            phantom.exit();
        },1500);
      },1500);
  }, 1500); 
});

运行：在命令行中切换到phantomjs-2.0.0-windows\bin 路径下，这个路径下有phantomjs.exe；

然后执行phantomjs.exe --output-encoding=gb2312 test.js

本文固定链接：http://www.yizhi227.com/?post=73
本文由Jessie原创或编辑，互联分享,尊重版权,转载请以链接形式标明本文地址