相信很多ionic的開發(fā)者一般的調(diào)試方式都是采用的Chrome的真機(jī)調(diào)試(chrome://inspect)進(jìn)行的調(diào)試的,或許有很多人為了不麻煩還是采取的改一點(diǎn),然后打包alert()。畢竟我大多數(shù)時候都是這樣。
這里我推薦大家使用一款專門用于phonegap(cordova前身)的調(diào)試工具GapDebug。
GapDebug介紹
GapDebug,是為混合移動開發(fā)人員提供免費(fèi)的調(diào)試和應(yīng)用管理平臺。它既能真機(jī)調(diào)試Android也能調(diào)試IOS。(但是有一個不幸的消息是現(xiàn)在官方在發(fā)布2.4為最終版本后不再維護(hù),但是這并不影響我們的使用)。
下載地址
工具使用
首先直接安裝然后打開,第一次使用的時候需要下載一些需要用到的依賴文件,所以需要越過一定的障礙(翻墻)。
打開軟件后連接手機(jī)(打開USB調(diào)試不贅述)。
工具很簡單,基本只需要關(guān)注以下幾個功能點(diǎn)就行,具體可以去體驗(yàn)一下:
這里寫圖片描述
連接手機(jī)然后打開需要調(diào)試的APP就可以開始調(diào)試了。
這里寫圖片描述
其實(shí)說了這么多都是廢話,下面才是重點(diǎn):
Problem loading url:
http://chrome-devtools-frontend.appspot.com/serve_rev/xxxx/emulated_devices/emulated_devices_module.js
Status code: 0
這個錯誤是在使用的時候出現(xiàn)的,我自己也有很長一段時間安裝了Gap Debug但是無法使用,下面就來說說解決辦法:
首先找到 loadcdt.html
我的路徑是:C:\Users\asus\GapDebug\plugins\com.genuitec.powderhorn.deviceconnector_16.2.4.201607140810\res\gapdebug\loadcdt.html
然后下載gapdebug_patch1.zip
解壓該文件替換你自己路徑下的loadcdt.html文件即可正常使用了。