Question

我有一个casperjs问题。我无法使用javascript从id中提取值。

我正在打开谷歌，搜索一个词，我想通过id从搜索框中获取值。

var casper = require('casper').create({
    verbose: true,
    logLevel: "info"
});
var mouse = require("mouse").create(casper);
var x = require('casper').selectXPath;
var webPage = require('webpage');
var page = webPage.create();
casper.userAgent('Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.65 Safari/537.36')
casper.start("http://www.google.com/ncr", function () {
    this.echo(this.getTitle());
}).viewport(1366, 768);

//casper.then(function() {
//this.sendKeys('#gbqfq', 'Duke');
//this.click('#gbqfsa');
//});
casper.waitForSelector(x('//*[@id="gbqfq"]'), function () {
    this.evaluate(function () {
        document.getElementById('gbqfq').value = "samearga";
        this.echo(this.document.getElementById('gbqfq').value);
    });
    console.log("\nEXISTA SELECTORUL!!! -> document.getElementById('gbqfq').value\n");
});

casper.waitForSelector(x('//*[@id="gbqfq"]'), function () {
    this.evaluate(function () {
        document.forms[0].submit();
    });
    console.log("\nSUBMITING!!!\n");
});

casper.wait(4000, function () {
    console.log("\nFAC POZA\n");
    casper.capture('caca.png');
});

casper.run();

Answer 1

有两种方法可以获取页面上输入的值。

您可以注册remote.message事件并将其记录在页面上

// at the beginning of the script
casper.on("remote.message", function(msg){
    this.echo("remote> " + msg);
});

// inside of the step
casper.evaluate(function () {
    document.getElementById('gbqfq').value = "samearga";
    console.log(document.getElementById('gbqfq').value);
});

或从页面上下文中返回字符串

// inside of the step
var inputValue = casper.evaluate(function () {
    document.getElementById('gbqfq').value = "samearga";
    return document.getElementById('gbqfq').value;
});
casper.echo(inputValue);

你必须记住this的含义。页面上下文（在casper.evaluate内）this内部引用window，但window没有echo功能。页面和casper上下文彼此不同（沙盒），您不能只使用所有变量。更多内容见docs。

如何使用CasperJS通过id提取输入值？

1 个答案: