phantomjs 图像宽度没有达到预期

Question

当我使用 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()函数设置截屏宽度？

Answer 1

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

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

您也可以尝试 zoomFactor。

Answer 2

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

phantomjs 图像宽度没有达到预期

phantomjs image width not getting as expected

javascript

screenshot

viewport

browser-width

phantomjs