Cordova-Cordova Chrome Debug
Cordova
Lastmod: 2019-12-13

在寫網頁時,最常使用到Chrome來進行Debug,對開發非常的有幫助,但如果是在Cordova上呢?這篇文章就是要介紹如何時用Chrome來進行Cordova的Debug。

Step1 將模擬器的Developer USB Debug打開

首先打開你的模擬器,然後到Settings,然後往下拉,找找Developer options,發現著找不到,因為預設是隱藏的,喝喝。

screenshot.png

所以要將它打開需要先到About Phone,然後你會看到Build number,這時就『點』下去,記憶中是要點3到4次,然後點完後在回去找Develper options

screenshot.png

發現Magic~Developer options出現了。

screenshot.png

最後在將USB debugging打勾就可以了。

screenshot.png

Step2 打開chrome://inspect/#devices

首先在Chrome上打chrome://inspect/#devices然後可以看有你的模擬器(記得模擬器要先打開),但空空的沒地方點。

screenshot.png

screenshot.png

Step3 執行Corodva Anroid

則時就在你的專案上面執行Cordova run Android,確定有正確的執行後,在Devices你就會看到你執行的專案名稱,然後點一下Inspect,你就可以看到熟悉的Debug方法了。

screenshot.png

你看看,親切~!

screenshot.png

參考資料

comments powered by Disqus