CasperJS'getElementsByXpath返回null與有效的XPath

Question

我從網站上刮取足球比分數據。所有比分都在一張桌子上，每個<tr>都有「封鎖主場比賽17」和一些獨特的東西。

我在Chrome開發工具中測試了我的xpath，它只識別我需要的錶行。

var utils = require('utils'); 
var casper = require('casper').create(); 
var xpath = require('casper').selectXPath; 
var result = []; 

function getScores(){ 
    console.log("getting scores"); 
    result = __utils__.getElementsByXPath("//tr[contains(@id,'block_home_matches_17')"); 
} 

casper.start('http://int.soccerway.com/', function() { 
    console.log("casper start....");  
    var l = getScores(); 
    utils.dump(l); 
}); 

casper.run(); 

該代碼返回[] as utils.dump！爲什麼？我的xpath是有效的！

Answer 1

你有三個問題：

• 你只能通過evaluate()沙盒頁面上下文訪問DOM節點，但
• 您不能通過DOM節點到外環境（閱讀PhantomJS documentation ）。
• clientutils (__utils__) module僅在頁面上下文中可用。

可以檢索表示您的目標DOM的節點要麼通過CasperJS功能：

casper.start('http://int.soccerway.com/', function() { 
    utils.dump(this.getElementsInfo(xpath("//tr[contains(@id,'block_home_matches_17')"))); 
}); 

或通過在頁面上下文中的元素直接工作：

casper.start('http://int.soccerway.com/', function() { 
    utils.dump(this.evaluate(function(){ 
     return __utils__.getElementsByXPath("//tr[contains(@id,'block_home_matches_17')").map(function(el){ 
      return {} // TODO: produce your own representation 
     }); 
    })); 
});