使用 CasperJS 捕获期间页面的黑色部分

Question

我有一个奇怪的问题。我必须从相册中的 vk.com 截图并附上评论。

在这种情况下一切正常：

但是当我点击加载更多评论时，屏幕截图的下半部分是黑色的：

代码非常简单：

// click on image
casper.waitForSelector(".photo_row_img", function() {
    this.click('.photo_row_img');   
});

// get more comments
casper.waitForSelector("#pv_comments_header", function() {
    casper.click('#pv_comments_header');    
});

// take screenshot
casper.wait(10000, function() {     
    casper.captureSelector('capture.jpg', '#pv_photo_wrap'); 
});

我弄了两天还是没搞明白是怎么回事

Answer 1

我刚刚找到了解决方案）当我点击图片时，在现有图片上打开新的 window Window 文档上的图片比正文大，超出正文高度的所有内容都是黑色的。我只是简单地增加了身高）

this.evaluate(function() {
    document.querySelector("body").style.height = yourNewHeight;                        
});

使用 CasperJS 捕获期间页面的黑色部分

Black part of page during capture with CasperJS

javascript

screenshot

capture

phantomjs

casperjs