Cordova/Ionic 開發安卓Android如何調試?

最近使用Cordova+Ionic開發了一個小東西,確實比較犀利,省了不少事情,效率剛剛的。android

在安卓上來講,兼容性來講還不錯。本猿比較屌絲,沒有Mac電腦,因此IOS暫時沒有測試到,想來應該不錯。瀏覽器

就正常的開發階段,通常使用瀏覽器進行調試。由於就是Web,因此跟別的Web開發沒啥區別。可是,打包瀏覽器跑和安卓真機跑仍是不一樣的,畢竟環境相差太大。這裏邊免不了有些坑須要爬。因此在開發階段,對安卓真機調試仍是很重要的。本文就說說怎麼在安卓環境進行調試。其實結果挺簡單的,可是摸索的過程仍是廢了一些周折的。主要網上也沒發現真機調試相關的文章。因此以爲寫下這個事情仍是挺有必要。網絡

Android調試分爲模擬器真機兩部分。詳說模擬器,真機與模擬器差很少,惟一的不一樣就是真機要打開開發者模式並啓用USB調試測試

模擬器:Genymotion + Chrome

  1. 運行模擬器
    本猿使用的Genymotion我的免費版(貌似免費版要取消了)。固然,使用其餘模擬器也差很少。Genymotion主要能夠方便的配置不一樣的Android版本,若是網絡好,新版本配置一兩分鐘就好。並且虛擬機運行速度快。3d

  2. CLI 命令Ionic/cordova run android 打包並部署
    在CMD命令窗口,切到APP目錄中,使用命令Ionic run android(也可以使用cordova run android)運行安卓版本。若是沒有Add過Android 平臺(platform),Ionic會自動下載。此外,Ionic最新版的打包須要Android SDK API 23. 若是一切順利,在模擬器裏,APP已經啓動。調試

  3. 使用Chrome的Dev Tool鏈接模擬器進行調試。
    3.1. 找到Inspect devices:
    code

    3.2. 你會發現已經鏈接了android設備。以下:
    orm

    3.3 點擊Inspect按鈕,啓動調試界面以下。cordova

  4. 若是順利到了此處,恭喜您,您的調試環境好了。盡情的折騰吧少年。blog



相關文章
相關標籤/搜索