xpath - 将XPath与CasperJS QuerySelectorAll一起使用不起作用

Question

由于某些原因，当我尝试运行以下代码时:

var casper = require('casper').create(); 
var x = require('casper').selectXPath;
var links = [];

casper.start('http://www.website.com');

function getLinks() {
    var links = document.querySelectorAll(x('//*[@id="horizontalList"]/li[@class="paddingRight6"]/a');
    return Array.prototype.map.call(links, function(e) {
        return e.getAttribute('href')
    });
}

casper.then(function() {
    links = this.evaluate(getLinks);
    this.echo(links);
}

casper.run();

返回一个空对象，但是当我将完全相同的xpath选择器与thenClick方法结合使用时，一切正常，并且url更改。那到底是为什么呢？

Answer 1

因此，事实证明querySelectorAll方法实际上并不支持XPath。实际上，它根本不是来自casperjs，并且受浏览器支持，这就是为什么它接受CSS3选择器而不接受XPath的原因。我很难弄清楚这一点，所以我想如果其他人遇到这个问题，我会提出来。您必须在casperjs中为此使用CSS3选择器，因此代码行:

var links = document.querySelectorAll(x('//*[@id="horizontalList"]/li[@class="paddingRight6"]/a');

需要更改为:

var links = document.querySelectorAll('ul#horizontalList li.paddingRight6 a');

快乐黑客