google-analytics - CasperJS captureSelector不捕获选择器，而是捕获整个页面

Question

我在Google Analytics（分析）中有一个信息中心。
我只想使用CasperJS捕获仪表板的特定部分。

不管我尝试了什么，它都会捕获整个页面。

我在这里做错了什么？

这是我在检查Google Analytics（分析）信息中心时发现的HTML层次结构：

<div id="ID-view">
    <div class="_GAeH" id="ID-dashboard">
       <div id="ID-layout">
          <div class="_GARW ">
             <div class="_GAoA">
                <!-- more <div>s with the content -->
             </div>
          </div>
       </div>
    </div>
</div>

CasperJS代码段：

var casper = require('casper').create();

casper.start('https://www.google.com/analytics/web/the/rest/of/the/url/', function() {
    this.fill('form#gaia_loginform', { 'Email': 'user', 'Passwd':'pass' }, true);
});

casper.waitForSelector('.ID-row-4-0-0', function() {
    casper.page.paperSize = {
        height: '11in',
        width: '8.5in',
        orientation:'portrait',
        border: '0.4in'
    };

// NONE of these work the way I think they should
// this.captureSelector('ga.pdf','#ID-view');
// this.captureSelector('ga.pdf','#ID-dashboard');
// this.captureSelector('ga.pdf','#ID-layout');
this.captureSelector('ga.pdf','._GAoA');
// this.captureSelector('ga.pdf','._GARW'); // <-- this one fails, capture height is messed up
},
function() {
    this.echo("Timeout reached");
});

casper.run();

Answer 1

试试这个：

this.captureSelector('ga.pdf','div._GAoA', {quality: 100});

如果您无法获取_GAoA元素的屏幕截图，请共享casperjs scrpit的输出。

祝好运。