Question

我试图从iframe中获取链接并将它们作为函数结果返回，我的简化代码看起来像这样：

var casper = require("casper").create({
    verbose: true,
    logLevel: "debug",
        webSecurityEnabled: false
});

var url = casper.cli.get(0);

casper.on('remote.message', function(msg) {
    this.echo(msg);
})

casper.start(url, function () {
    thelinks = getLinksFromIframes( casper );
    console.log("doesn't work:" + thelinks);
});

function getLinksFromIframes( context ) {
        var links = [];

        var iframes = context.evaluate( function() {
                var iframes = [];
                [].forEach.call(document.querySelectorAll("iframe"), function(iframe, i) { iframes.push( i ); });
                return iframes;
        });

        iframes.forEach( function( index ) {
            context.withFrame(index, function() {
                links = links.concat( this.getElementsAttribute( 'a', 'href' ) );
                console.log("works: " + links);
            });
        });

        return links;
}

casper.run(function() {
    console.log('done');
    this.exit();
});

问题是该函数没有返回任何内容，我只能读取withFrame内的链接var，我知道还有其他方法可以获取链接，但代码是这样的，因为它分析嵌套iframe的更复杂的部分，以及iframe内iframe的数量未知。有没有什么方法可以等withFrame或者某些东西让我把链接作为函数结果返回？

Answer 1

这是预期的，因为casper.withFrame是一个异步步骤函数。与以then或wait开头的所有其他函数一样，它会调度CasperJS执行队列中的一个步骤。

执行这些计划步骤时（在当前步骤结束时，then回调casper.start），getLinksFromIframes已完成并返回空阵列。

有没有办法让我可以继续使用Iframe或其他能让我返回链接作为函数结果的东西？

不，但您可以使用回调：

function getLinksFromIframes( callback ) {
    var links = [];

    var iframes = this.evaluate( function() {
        var iframes = [];
        [].forEach.call(document.querySelectorAll("iframe"), function(iframe, i) { iframes.push( i ); });
        return iframes;
    });

    iframes.forEach( function( index ) {
        this.withFrame(index, function() {
            links = links.concat( this.getElementsAttribute( 'a', 'href' ) );
            console.log("works: " + links);
        });
    }, this);

    this.then(function(){
        callback.call(this, links);
    });
}

casper.start(url, function () {
    getLinksFromIframes.call(this, function(links){
        thelinks = links;
        console.log("Links: " + thelinks);
    });
})
.then(function(){
    console.log("Links later: " + thelinks);
})
.run();

使用CasperJS

1 个答案: