CasperJS中的靜默錯誤

Question

我剛開始使用CasperJs，並且我很難調試它，因爲如此多的編碼錯誤似乎會導致腳本退出而不提供錯誤消息。當你使用詳細模式時，你會得到你應該得到的消息，直到有問題的代碼行，並且在那一刻它就會退出。

例如，如果我執行代碼：

var casper = require('casper').create({ 
    verbose: true, 
    logLevel: "debug" 
}); 

casper.start('https://www.google.com/#q=stackoverflow', function(){ 

}); 
casper.wait(2000, function(){ 
}); 


casper.then(function() { 
    hrefAr = this.evaluate(getLinks); 
    this.log(hrefAr.length + ' links found', 'info'); 
    this.exit(); 
}); 

casper.run(function() { 
    this.exit(); 
}); 

function getLinks() { 
    var links = document.querySelectorAll('a'); 
    return Array.prototype.map.call(links, function(e) { 
     return e.getAttribute('href'); 
    }); 
} 

我得到如下結果：

...a bunch of info & debug messages, followed by... 
[info] [phantom] Step 4/4 https://www.google.com/search?q=stackoverflow&cad=h (HTTP 200) 
[info] [phantom] 89 links found 
[debug] [phantom] Navigation requested: url=about:blank, type=Other, lock=true, isMainFrame=true 
[debug] [phantom] url changed to "about:blank" 

如果我添加日誌語句的功能getLinks ...

...code as shown above... 
function getLinks() { 
    this.log('getLinks ran', 'info'); 
    var links = document.querySelectorAll('a'); 
...code as shown above... 

...這會導致腳本失敗，如下所示：

...the same info & debug messages... 
[info] [phantom] Step 4/4 https://www.google.com/search?q=stackoverflow&cad=h (HTTP 200) 
...NO LOGS, ECHOS, OR RESULTS PAST THIS POINT, JUST THESE TWO CLOSING STATEMENTS... 
[debug] [phantom] Navigation requested: url=about:blank, type=Other, lock=true, isMainFrame=true 
[debug] [phantom] url changed to "about:blank" 

它不會告訴你任何事情都出錯了，它只是把你送回空白處並結束執行。

有沒有辦法獲得更好的錯誤報告？或者任何錯誤報告？

---

當我嘗試實施以下使用下面的代碼解決方法：

var casper = require('casper').create({ 
    verbose: true, 
    logLevel: "debug" 
}); 

casper.start('https://www.google.com/#q=stackoverflow', function(){ 

}); 
casper.wait(2000, function(){ 
}); 


casper.then(function() { 
    reportErrors(function() { 
     hrefAr = this.evaluate(getLinks); 
     this.log(hrefAr.length + ' links found', 'info'); 
     this.exit(); 
    }); 
}); 

casper.run(function() { 
    this.exit(); 
}); 

function getLinks() { 

     //this.log('getLinks ran', 'info'); 
     var links = document.querySelectorAll('a'); 
     return Array.prototype.map.call(links, function(e) { 
      return e.getAttribute('href'); 
     }); 

} 

function reportErrors(f) { 
    var ret = null; 
    try { 
    ret = f(); 
    } catch (e) { 
    casper.echo("ERROR: " + e); 
    casper.exit(); 
    } 
    return ret; 
} 

我得到...

...info & debug messages shown above... 
[info] [phantom] Step 4/4 https://www.google.com/search?q=stackoverflow&cad=h (HTTP 200) 
ERROR: TypeError: undefined is not a constructor (evaluating 'this.evaluate(getLinks)') 
--THIS IS WHERE MY LINK COUNT WOULD BE REPORTED 
[debug] [phantom] Navigation requested: url=about:blank, type=Other, lock=true, isMainFrame=true 
[debug] [phantom] url changed to "about:blank" 

Answer 1

有一個開放PhantomJS issue這一點。

您可以通過包裹每個then &具有reportErrors功能類似的，如繞過它：

function reportErrors(f) { 
    var ret = null; 
    try { 
    ret = f(); 
    } catch (e) { 
    casper.echo("ERROR: " + e); 
    casper.exit(); 
    } 
    return ret; 
} 

casper.then(function() { 
    reportErrors(function() { 
    ... 
    }); 
}); 

Answer 2

直到PhantomJS 2.X吞嚥錯誤是固定的，你可以嘗試幾件事情：

• 使用PhantomJS 1.9.8。到目前爲止，底層QtWebKit引擎已經有5年多的歷史了，但它大部分時間仍然運行良好。如果存在SSL/TLS問題，您可以添加命令行選項，如--ignore-ssl-errors=true。通過將PHANTOMJS_EXECUTABLE環境變量設置爲要使用的可執行文件或可執行文件的路徑，CasperJS支持根據當前終端會話的需要更改PhantomJS版本。例如，在Windows上：set PHANTOMJS_EXECUTABLE=phantomjs198（我將它們編號並放在PATH中）。

• 如果是語法錯誤，那麼您很擔心，那麼首先在您的代碼上運行一個linter。我可以推薦eslint和jshint。

• 使用其他事件來檢測錯誤（與PhantomJS 1.9.8）：resource.error，page.error，remote.message和casper.page.onResourceTimeout。 Example

---

關於你的特殊功能。this在reportErrors的回調中沒有意義。您需要綁定另一個對象：

casper.reportErrors = function (f) { 
    var ret = null; 
    try { 
    ret = f.call(this); 
    } catch (e) { 
    this.echo("ERROR: " + e); 
    this.exit(); 
    } 
    return ret; 
} 

，然後你可以使用它像以前一樣：

casper.then(function() { 
    this.reportErrors(function() { 
     hrefAr = this.evaluate(getLinks); 
     this.log(hrefAr.length + ' links found', 'info'); 
     this.exit(); 
    }); 
});