CasperJSでビューポートの高さをautoに設定する方法

Question

それぞれの高さが異なる複数のWebページのスクリーンショットをキャプチャしたいと思います。ページの高さに基づいて高さを動的に設定するにはどうすればよいですか？

このような何か：（CasperJSで使用されている）デフォルトのPhantomjSのブラウザで casper.viewport(1200, 'auto');

Answer 1

は自動的ページの完全な高さをレンダリングします。この設定は、スクリーンショットのみの幅、高さに影響を与えます

var casper = require('casper').create({ 
    viewportSize: {width: 1280, height: 800} 
}); 

：CasperJSで対応する方法は、ビューポートのサイズ設定ページの横幅を設定するには

casper.capture() 

ですページ全体をレンダリングするのに必要な大きさになります。

例：

var casper = require('casper').create({ 
    verbose: true, 
    logLevel: 'debug', 
    pageSettings: { 
     userAgent: 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/44.0.2403.157 Safari/537.36' 
    } 
}); 
casper.options.viewportSize = {width: 1280, height: 1024}; 

casper.start("http://stackoverflow.com/questions/tagged/phantomjs"); 
casper.then(function() { 
    casper.capture("stackoverflow.png"); 
}); 

casper.run(); 

The resulting image (439 kb)はオプションで設定1024個のピクセルよりもずっと多い高い3448個のピクセルです。