webshot一款网页快照工具

webshot

https://github.com/brenden/node-webshot

Webshot provides a simple API for taking webpage screenshots. The module is a light wrapper around PhantomJS, which utilizes WebKit to perform the page rendering.

 

例子

A simple url example:

var webshot = require('webshot'); webshot('google.com', 'google.png', function(err) { // screenshot now saved to google.png });

An html example:

var webshot = require('webshot'); webshot('<html><body>Hello World</body></html>', 'hello_world.png', {siteType:'html'}, function(err) { // screenshot now saved to hello_world.png });

Alternately, the screenshot can be streamed back to the caller:

var webshot = require('webshot'); var fs = require('fs'); var renderStream = webshot('google.com'); var file = fs.createWriteStream('google.png', {encoding: 'binary'}); renderStream.on('data', function(data) { file.write(data.toString('binary'), 'binary'); });

An example showing how to take a screenshot of a site's mobile version:

var webshot = require('webshot'); var options = { screenSize: { width: 320 , height: 480 } , shotSize: { width: 320 , height: 'all' } , userAgent: 'Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_2 like Mac OS X; en-us)' + ' AppleWebKit/531.21.20 (KHTML, like Gecko) Mobile/7B298g' }; webshot('flickr.com', 'flickr.jpeg', options, function(err) { // screenshot now saved to flickr.jpeg });

 

作用

给网页拍照, 生成网页照片图, 然后使用图形化比对工具检测图形变化, 进而检测页面变化。

用于图形并茂的方式, 给网页做介绍, 给用户更好的按照图形的感觉,记忆网站的使用场景。

例如, 用户看到网页截图中有一个搜索框, 就知道是搜索引擎。

 

转载于:https://www.cnblogs.com/lightsong/p/10903183.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值