javascript - 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()它时，它会呈现宽度不是 320 像素的完整文档。