PhantomJS入门教程

PhantomJS 是一个无界面的Webkit内核浏览器,内置JavaScript API,对DOM操作,CSS选择器,JSON,Canvas,SVG有非常快和原生的支持,可以用于页面自动化测试,网络监测,网页截图等

安装(linux平台为例,版本为2.1.1)

环境变量配置

  • sudo vi /etc/profile
  • 文件末尾增加:
    export PATH=$PATH:/usr/local/phantomjs-2.1.1-linux-x86_64/bin
  • source /etc/profile
  • 查看版本:phantomjs --version

截图中文网站乱码问题

  • phantomjs --output-encoding=gbk --script-encoding=gbk demo.js
  • phantom.outputEncoding="gbk"

截图没有文字

phantomjs截图过程中,发现没有文字信息,由于项目使用了微软雅黑,解决方法是安装微软雅黑字体

基础代码(截屏)

var page = require('webpage').create();
page.viewportSize = { width: 1024, height: 768 };
page.clipRect = { top: 0, left: 0, width: 1024, height: 768 };
page.open('http://example.com/', function() {
  page.render('demo.png');
  if (status === "success") {
    //考虑到网页中使用了ajax进行异步加载数据,所以等待5秒钟让页面加载完成后再截屏
    setTimeout(function() {
    page.render('example.png');
      phantom.exit();
    }, 5000);
  }
  //phantom.exit();
});
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容