PhantomJS将网页保存为图片

phantomjs官网：http://phantomjs.org/

下载phantomjs后解压就可以使用。phantomjs可以在页面渲染完成后将页面保存为图片，而无需显示页面。

phantomjs 需要引入webpage模块，通过page.open()打开页面。

window .setTimeout() 等待页面渲染完成，渲染完成后通过page.render(“test.jpg”);将页面保存为图片。

以下为代码，未测试。

通过命令行 phantomjs test.js执行。

test.js

var page = require('webpage').create();page.settings.userAgent = 'WebKit/534.46 Safari/7534.48.3';
page.settings.viewportSize = { width: 400, height: 600 };var s_url = "";page.open(s_url, function (status) {if (status !== 'success') {console.log('Unable to load!');phantom.exit();} else {window.setTimeout(function () {page.render("a.jpg");phantom.exit();}, 5000);     }
});

PhantomJS将网页保存为图片相关推荐

Chrome浏览器网页保存成图片
Chrome浏览器把整个网页保存成图片 1.使用快捷键 F12打开开发人员工具功能, 2.按快捷键Ctrl + Shift + P(Mac 为 ⌘Command + ⇧Shift + P) 3.输入 ...
基于html2canvas实现网页保存为图片及图片清晰度优化
一.实现HTML页面保存为图片 1.1 已知可行方案现有已知能够实现网页保存为图片的方案包括: **方案1:**将DOM改写为canvas,然后利用canvas的toDataURL方法实现将DOM输 ...
h5跨域访问图片_网页保存为图片及高清截图的优化 | canvas跨域图片配置
本次技术调研来源于H5项目中的一个重要功能需求:实现微信长按网页保存为截图. 这里有个栗子(请用微信打开,长按图片即可保存):3分钟探索你的知识边界将整个网页保存为图片是一个十分有趣的功能,常见于H ...
网页保存为图片及高清截图的优化 | canvas跨域图片配置
本次技术调研来源于H5项目中的一个重要功能需求:实现微信长按网页保存为截图. 这里有个栗子(请用微信打开,长按图片即可保存):3分钟探索你的知识边界将整个网页保存为图片是一个十分有趣的功能,常见于H ...
简单又实用的网页保存为图片方法
第一步安装360极速浏览器[如果电脑已经安装360极速浏览器,直接进入下一步].网页搜索"360极速浏览器",点击360极速浏览器官网,进行下载安装360极速浏览器. 第二步安 ...
前端-如何将网页保存为图片
问题重现前台生成一张复杂的海报,海报中包含外链图片资源问题难点网页由多个内容组成,前端不好将整个网页保存为图片.当然,可以使用canvas进行绘图(canvas语法参考) 网页中存在外链图片资源 ...
后台java 使用PhantomJS把echart保存成图片
后台java 使用PhantomJS把echart保存成图片项目是在浏览器展示折线,柱状图,使用echarts效果不错.希望能把echarts图形通过后台程序保存成图片或者保存到word中,供客户做 ...
H5 -- （功能）基于html2canvas实现长按网页保存为图片到本地
1.需求:长按页面中的一部分(里面有动态获取的用户昵称.头像及动态生成的二维码),弹出下载框,点击后将这部分保存为图片下载到手机里(如图) 2.分析:由于有动态获取数据,需等DOM元素生成之后,再将这 ...
1.Youtube视频下载_2.整张网页保存为图片
最近经常用的两个. 1.Youtube视频下载 http://www.clipconverter.cc/ 背景:翻墙翻Y站,有些视频想要下载保存,但是Y站本身不支持下载保存视频的功能. 好处:相比于过 ...

PhantomJS将网页保存为图片

PhantomJS将网页保存为图片相关推荐

最新文章

热门文章