2

这是我正在尝试做的事情:

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

casper.start('mysite.html', function() {
});

/* Casper configuration */

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

function getAllImages()
{
    // Get all images
    var images = document.getElementsByTagName('img'); 
    evaluateImages(images);
}

function evaluateImages(images)
{
    console.log("I am in evaluateImages");
}

// Then find all pictures
casper.then(function() {
    var product_image = this.evaluate(getAllImages);
});

casper.run();

但它永远不会用到 evaluteImages 函数。我在这里想念什么?

4

1 回答 1

4

好吧,我从未使用过 CasperJS,但是从我在文档中阅读的内容来看,我相信这是因为该evaluateImages函数在页面的上下文中不存在。

我不确定这里的最佳做法是什么,但是您似乎可以从评估回调中返回原语,因此您可以在技术上执行以下操作:

function getAllImages() {
    // Get all images
    var images = document.getElementsByTagName('img');

    //Return an array that contains all images src attribute
    return Array.prototype.map.call(images, function (img) {
        return img.src;
    });
}

然后您可以执行以下操作:

var images = this.evaluate(getAllImages);

evaluateImages(images);

编辑:

我需要处理页面上下文中的所有图像,因为我将它们中的每一个与页面中的其他元素进行比较......

也许您可以先在页面的上下文中定义一个模块:

this.evaluate(function () {
    window.yourNS = {
        evaluateImages: function (images) {
            //do something with images
        },
        getAllImages: function () {
            return document.getElementsByTagName('img');
        }
    };
});

然后您可以执行以下操作:

this.evaluate(function () {
    yourNS.evaluateImages(yourNS.getAllImages());
});
于 2013-10-11T17:17:32.420 回答