码迷,mamicode.com
首页 > Web开发 > 详细

PhatomJS截取整个网页屏幕为一张图片

时间:2018-12-24 16:18:11      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:class   back   创建   配置环境变量   cti   变量   html   官网   webp   

  1.PhatomJS其实就是一个没有界面的浏览器,最主要的功能是能够读取js加载的页面。

  2.安装PhantomJS。在官网上下载http://phantomjs.org/download.html,根据自己系统的不同选择对应的版本。下载完之后解压到你存放软件的位置,并配置环境变量。

  3.根据PhantomJS官方英文文档上的例子,就可以做到截取整个网页屏幕。

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

  创建上述js文件,进入js文件所在文件夹中,在命令行文件中运行:phantomjs 你的文件名.js,等待片刻,就可以发现js文件所在的文件夹中出现了一张名为music.png的图片。

PhatomJS截取整个网页屏幕为一张图片

标签:class   back   创建   配置环境变量   cti   变量   html   官网   webp   

原文地址:https://www.cnblogs.com/sakurayj/p/10168437.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!