Verwendung von XPath mit CasperJS QuerySelectorAll nicht

Question

Aus irgendeinem Grund zu arbeiten, wenn ich den folgenden Code versuchen ausgeführt wird:

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(); 

Gibt ein Null-Objekt, aber wenn verwende ich die gleichen XPath Wähler in Verbindung mit dem thenClick Methode, alles funktioniert gut und die URL ändert sich. Warum in aller Welt ist das?

Answer 1

So stellt sich heraus, dass die Methode querySelectorAll XPath tatsächlich nicht unterstützt. Tatsächlich stammt es nicht von casperjs und wird vom Browser unterstützt, weshalb es CSS3-Selektoren und nicht XPath akzeptiert. Es war schwer für mich, das herauszufinden, also dachte ich mir, dass ich das für den Fall aufstellen würde, dass jemand anderes dieses Problem hatte. Sie müssen CSS3-Selektoren für diese innerhalb casperjs so die Zeile verwenden:

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

geändert werden muss, um:

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

Happy Hacking

Answer 2

Die unten Funktion funktioniert für mich mit Xpath.

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