Question

我是javascript和casperjs的初学程序员。

我正在尝试点击页面上找到的所有链接。

 casper.then(function() {
    Array.prototype.forEach.call(__utils__.findAll('a'), function(e) {
        this.click('a');
        console.log('clicked ok, new location is ' + this.getCurrentUrl());
        casper.back();
        console.log('clicked ok, new location is ' + this.getCurrentUrl());
    });
});

Answer 1

这很有用：

casper.then(function() {
    Array.prototype.forEach.call(__utils__.findAll('a'), function(e) {
        e.click();
        console.log('clicked ok, new location is ' + this.getCurrentUrl());
        casper.back();
        console.log('clicked ok, new location is ' + this.getCurrentUrl());
    });

Answer 2

你在这里混淆了很多东西：

__utils__是clientutils模块，仅在页面上下文中可用（在casper.evaluate()内）。页面上下文是沙箱，因此您不能使用外部变量或将DOM节点传递到外部。
CasperJS按步骤组织，但并非所有功能都是步进功能。 casper.click()是阻止点击通话，但casper.back()是异步的。
casper.click()点击与选择器匹配的第一个元素，但由于每次迭代选择器始终相同，因此每次都会单击相同的元素。您必须跟踪已单击的元素。这可以在页面上下文中完成，但是你不能再使用casper.click()了，或者这可以通过XPath表达式来实现。

示例代码：

var x = require('casper').selectXPath;
casper.then(function() {
    var count = this.getElementsInfo("a").length;
    for(var i = 1; i <= count; i++){
        this.thenClick(x('(//a)['+i+']'))
            .then(function(){
                console.log('clicked ok, new location is ' + this.getCurrentUrl());
            })
            .back()
            .then(function(){
                console.log('back to location ' + this.getCurrentUrl());
            });
    }
});

单击Casperjs网页上的所有链接

2 个答案: