如何在 CasperJS 中使用 jQuery？答案

【问题标题】：How Do I use jQuery in CasperJS?如何在 CasperJS 中使用 jQuery？
【发布时间】：2013-07-25 14:30:19
【问题描述】：

casper.start(URL, function() {

    casper.page.injectJs('C:/Users/Mike/Documents/n1k0-casperjs-bc0da16/jquery-1.10.2.min.js');
    var names = $('span.author-name');
    this.echo(names);
    this.exit();
}

ReferenceError：找不到变量：$

我该怎么办？我在创建 casper 实例时也尝试过：

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

    // I've tried both commented lines below

    // clientScripts: ['C:/Users/Mike/Documents/n1k0-casperjs-bc0da16/jquery-1.10.2.min.js']
    // clientScripts: ['includes/jquery-1.10.2.min.js']
});

【问题讨论】：

CasperJS Can't find variable $ 的可能重复项

标签： javascript jquery casperjs

【解决方案1】：

您已使用 casper.evaluate

在浏览器上下文中评估 jQuery 代码

像使用浏览器控制台一样执行代码。

var nameCount = this.evaluate(function() {
    var names = $('span.author-name')
    return names.length;
});
this.echo(nameCount);

【讨论】：

return names.text();

【解决方案2】：

下载库，然后使用 clientScripts 选项添加其路径：

var casper = require("casper").create({
    clientScripts:  [
        'path/jquery-3.3.1.min.js'
    ]
});

你很适合使用 $(selector)。

【讨论】：