對 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();
var utils = 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