CasperJS Ajax 点击捕获

Question

我正在尝试抓取网页。网站上有一个 ajax 按钮（一个 div），当单击它时，它会在页面上附加更多结果（例如显示 20 个结果）。我想点击3次。

使用下面的代码：

casper.then(function() {
        for(var i=1; i<=3; i++){
            casper.evaluate(function(){
                $("div.showMore").click();
                return true;
            })
            casper.wait(5000, function then(){
                this.capture('image.png');
            })
        }
})

但它只是在没有点击的情况下捕获页面。我确信这段代码会点击..

$("div.showMore").click();

我通过 chrome 控制台推送/尝试来检查它。

那我错过了什么？

Answer 1

JavaScript 因其异步特性而疯狂。我会特别说明您在一个功能中的点击到下一个功能。这不是最理想的解决方案，但您的代码工作方式很可能是 Casper 在 for 循环之前或期间截取屏幕截图。所以你的更改没有被注册。尝试将其拼写成四个不同的 casper 函数，看看结果如何。

casper.then(function() {
        this.evaluate(function(){
            $("div.showMore").click();
        });

casper.wait(3000, function() {
        this.evaluate(function(){
            $("div.showMore").click();
        });

casper.wait(3000, function() {
        this.evaluate(function(){
            $("div.showMore").click();
        });

casper.wait(5000, function then(){
            this.capture('image.png');
        });