phantomjs 图像宽度未达到预期答案

【问题标题】：phantomjs image width not getting as expectedphantomjs 图像宽度未达到预期
【发布时间】：2015-05-22 22:41:26
【问题描述】：

当我使用以下代码使用 phanomjs 截屏时，我的宽度为 1920px，高度对我来说不是问题。

var webPage = require('webpage');
var page = webPage.create();

page.viewportSize = { width: 1920, height: 1080 };
page.open("http://www.google.com", function start(status) {
page.render('google_home.png');
 phantom.exit();

但是，当我将维度设置为

page.viewportSize = { width: 320, height: 780 };

生成的图像宽度为 602px。

如何使用 page.render() 函数设置截图宽度？

【问题讨论】：

标签： javascript phantomjs screenshot viewport browser-width

【解决方案1】：

其实我做不到。因为“http://www.google.com”强制将文档的最小宽度设置为 600 像素以上。所以，当我调用page.render() 时，它会呈现宽度不是 320 像素的完整文档。

【讨论】：

【解决方案2】：

如果最小页面宽度（或固定宽度）大于视口大小，则 PhantomJS 将呈现与页面（正文）宽度相同的屏幕截图。

您当然可以通过使用page.clipRect 设置相应的尺寸和位置来裁剪屏幕截图。

您也可以尝试zoomFactor。

【讨论】：