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

时间:2015-02-18 01:20:55

标签: javascript phantomjs screenshot casperjs capture

我有一个奇怪的问题。我必须在评论专辑中从vk.com截取屏幕截图。

在这种情况下一切正常:

enter image description here

但是当我点击加载更多评论时,屏幕截图有一个黑色的下半部分:

enter image description here

代码非常简单:

// 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'); 
});

我花了两天时间仍然不明白发生了什么。

1 个答案:

答案 0 :(得分:0)

我刚刚找到解决方案) 当我点击图片时,打开现有的新窗口 窗户的图片比文件上的身体大,而且超出身高的所有东西都是黑色的。 我简单的做了更多的身高)

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