Javascript CasperJS截图只是页面的一小部分

Javascript CasperJS截图只是页面的一小部分,javascript,casperjs,Javascript,Casperjs,的CasperJS文档没有说明如何设置屏幕截图的大小。默认设置(至少在我使用webkit的系统上,Windows 8)似乎是在页面左上角截图 我找错地方了吗 我找到了。我假设这就是我所需要的,但是有没有人有可以将其设置为合理默认值(比如100%)的代码 仅供参考this.viewport('100%,'100%)只是挂起,所以我假设它不需要% 我是否必须将返回窗口宽度和高度的代码插入页面并将其传递回以提取它,还是有更简单的方法?casper.captureSelector()应该获取您选择的元素

的CasperJS文档没有说明如何设置屏幕截图的大小。默认设置(至少在我使用webkit的系统上,Windows 8)似乎是在页面左上角截图

我找错地方了吗

我找到了。我假设这就是我所需要的,但是有没有人有可以将其设置为合理默认值(比如100%)的代码

仅供参考
this.viewport('100%,'100%)只是挂起,所以我假设它不需要
%


我是否必须将返回窗口宽度和高度的代码插入页面并将其传递回以提取它,还是有更简单的方法?

casper.captureSelector()
应该获取您选择的元素的屏幕截图。如果您想拍摄整个页面的屏幕截图,需要使用
casper.capture()

请注意,PhantomJS的默认视口大小为400x300。某些页面无法正确调整大小,因此页面的一部分不可见。您需要将其设置为类似于桌面的设置:

var casper=require('casper')。创建({
视口大小:{宽度:1280,高度:800}
});
没有办法做到100%。您可以读取页面主体的宽度,并相应地设置视口

var宽度=1280;
casper.start(url,函数(){
宽度=this.evaluate(函数(){
返回document.body.clientWidth;
});
}).视口(宽度,800)。然后(函数(){
这个.capture(“screenshot.png”);
}).run();