對 CasperJS 進行遠端除錯
阿新 • • 發佈：2018-12-31
CasperJS執行在PhantomJS之上，其實也是啟用PhantomJS的遠端除錯功能
PhantomJS 是一個無圖形介面的瀏覽器，它支援各種Web標準：DOM處理，CSS選擇器，JSON，Canvas和SVG。且支援win,linux,osx平臺。
遠端除錯
遠端除錯允許通過另一個基於WebKit的瀏覽器（Safari和Chrome < 54）檢查指令碼和網頁。
casperjs --remote-debugger-port=9000 test.js
這個時候不會有任何輸出。
var casper = require("casper").create();
varutils = require("utils");
debugger;
(function() {
console.log("start");
debugger;
this.evaluate(function() {
a = document.getElementsByTagName("label")[4];
console.log(a)
a.click()
console.log(1111);
})
});
console.log(11111);
casper.run();
})();
console.log("down")
|
訪問，可以看到
點選
選擇console，輸入
__run()
當執行完test.js，輸出如下
你再訪問，就可以看到新的標籤已經被打開了，
點選Elements 可以檢視DOM渲染情況，在Console下可以執行JS程式碼，方便執行相關操作，
如果test.js又require了其他JS檔案，在其他JS檔案中加入 debugger;發現不會生效，有點失望。
主要是方便檢視DOM渲染情況，並且能夠輸入JS進行操作DOM,方便排查情況。
請注意Chrome版本不能太高，需小於54