最近使用Cordova+Ionic開發了一個小東西,確實比較犀利,省了很多事情,效率剛剛的。
在安卓上來說,兼容性來說還不錯。本猿比較屌絲,沒有Mac電腦,所以IOS暫時沒有測試到,想來應該不錯。
就正常的開發階段,一般使用瀏覽器進行調試。因為就是Web,所以跟別的Web開發沒啥區別。但是,打包瀏覽器跑和安卓真機跑還是不同的,畢竟環境相差太大。這里邊免不了有些坑需要爬。所以在開發階段,對安卓真機調試還是很重要的。本文就說說怎么在安卓環境進行調試。其實結果挺簡單的,但是摸索的過程還是廢了一些周折的。主要網上也沒發現真機調試相關的文章。所以覺得寫下這個事情還是挺有必要。
Android調試分為模擬器和真機兩部分。詳說模擬器,真機與模擬器差不多,唯一的不同就是真機要打開開發者模式並啟用USB調試。
模擬器:Genymotion + Chrome
運行模擬器
本猿使用的Genymotion個人免費版(貌似免費版要取消了)。當然,使用其他模擬器也差不多。Genymotion主要可以方便的配置不同的Android版本,如果網絡好,新版本配置一兩分鍾就好。而且虛擬機運行速度快。CLI 命令
Ionic/cordova run android
打包並部署
在CMD命令窗口,切到APP目錄中,使用命令Ionic run android
(也可使用cordova run android
)運行安卓版本。如果沒有Add
過Android 平台(platform),Ionic會自動下載。此外,Ionic最新版的打包需要Android SDK API 23. 如果一切順利,在模擬器里,APP已經啟動。使用Chrome的Dev Tool連接模擬器進行調試。
3.1. 找到Inspect devices:
3.2. 你會發現已經連接了android設備。如下:
3.3 點擊Inspect按鈕,啟動調試界面如下。
如果順利到了此處,恭喜您,您的調試環境好了。盡情的折騰吧少年。