phantomjs 渲染

phantomjs 可以将web页面渲染并保存为扩展名为PNG，GIF，JPEG，PDF的指定文件

render

viewportSize可以改变可视窗体大小

zoomFactor调整缩放比例

clipRect 指定区域渲染

....

这样的渲染便易了对数据有效性的获取，提高了效率 下面就是对页面过长分屏显示实现

 1 var page = require('webpage').create();
 2 page.settings.userAgent = 'WebKit/534.46 Mobile/9A405 Safari/7534.48.3';
 3 page.settings.viewportSize = { width: 800, height: 600 };
 4 page.open('http://hao.360.cn/next.html?a1004', function (status) {
 5     if (status !== 'success') {
 6         console.log('Unable to load BBC!');
 7         phantom.exit();
 8     } else {
 9         window.setTimeout(function () {
10             page.zoomFactor = 0.9;
11             page.clipRect = { left: 0, top: 0, width: 800, height: 600 };
12             page.render('bbc-page1.png');
13             page.clipRect = { left: 0, top: 600, width: 800, height: 600 };
14             page.render('bbc-page2.png');
15             phantom.exit();
16         }, 2000);
17     }
18 });

 效果如下

    

对于web前端还是非常方便的，通过对DOM操作，能实现不同效果，渲染的区域当然各有不同