本文主要介紹將Ionic項目打包成安卓應(yīng)用之后的調(diào)試過程猎唁，調(diào)試方式分兩種：模擬器調(diào)試缺前、真機(jī)調(diào)試。不過在此之前著摔，必須要將ionic項目成功打包成Android應(yīng)用，有關(guān) ionic打包成Android應(yīng)用的具體教程定续，請參考以下文章：
Ionic3 Android打包
模擬器調(diào)試
模擬器調(diào)試也就是啟動android模擬器谍咆，然后在模擬器上看效果。在使用android模擬器之前私股，需要先下載對應(yīng)體系的模擬器摹察。
在命令行下運(yùn)行：android sdk
出現(xiàn)如下界面。找到你需要的android版本倡鲸，比如我的是android6供嚎。然后看圖中重點(diǎn)標(biāo)記的三個選項，分別是：
- ARM EABI v7a System Image
- Intel x86 Atom System Image
- Intel x86 Atom_64 System Image
image.png
Intel x86 Atom System Image是支持X86的Android模擬器峭状，ARM EABI v7aSystem Image是模擬ARM體系查坪，而Intel x86 Atom_64 System Image 也就是64位的意思。創(chuàng)建模擬器時模擬的CPU不同宁炫，ARM運(yùn)行速度較慢偿曙，所以Intel推出了支持x86的Android模擬器，這將大大提高啟動速度和程序的運(yùn)行速度羔巢，允許Android模擬器以原始速度（真機(jī)運(yùn)行速度）運(yùn)行在使用Intel x86處理器的電腦中望忆。但是，要使用X86模擬器的話竿秆，需要安裝 英特爾硬件加速執(zhí)行管理器启摄。安裝這個加速器的方法可能由兩種。不過可能我系統(tǒng)比較新幽钢，第一種已經(jīng)不支持了歉备。
第一種方法就是在 SDK中直接安裝
image.png
不過從圖上也可以看到，這種方法不行的： not compatible with windeows匪燕。提示與windows不兼容蕾羊，所以這里使用這種方法安裝是不行的喧笔。
另一種方法就是直接去官網(wǎng)下載安裝包，然后安裝即可龟再。下載地址
安裝之后书闸，就可以啟動模擬器進(jìn)行測試了±眨可以通過 cordova emulate android 調(diào)出模擬器浆劲。不過在此之前，我們需要先通過 avd 工具創(chuàng)建一個模擬器哀澈。
運(yùn)行命令： android avd
這時候會打開創(chuàng)建模擬器的可視化界面牌借，如圖：
image.png
通過這個界面，可以創(chuàng)建和修改android模擬器割按。上圖中已經(jīng)有了一個我創(chuàng)建好的模擬器了膨报。可以編輯哲虾，大概就是這個樣子：
01.png
以上的參數(shù)可以根據(jù)自己的實際情況來測試，也可以按照上圖來創(chuàng)建一個模擬器择示。Ok束凑，接下來啟動模擬器看看效果：
點(diǎn)擊start
02.png
如果不出意外，是可以啟動成功的栅盲，啟動成功之后汪诉，可以看到以下界面：
03.png
至此，模擬器創(chuàng)建并啟動成功谈秫，接下來將應(yīng)用放到模擬器上運(yùn)行扒寄。
運(yùn)行命令：cordova emulate android
可以看到如下界面。注意拟烫，這里看到的界面就是你的app界面该编，以實際情況為準(zhǔn)
04.png
不得不說，使用x86模擬器真的方便太多了,相對RAM模擬器來講快太多硕淑！可能是因為直接使用電腦上的cpu课竣，然后這個和電腦的配置也有關(guān)系吧。
真機(jī)調(diào)試
除了使用模擬器調(diào)試置媳，還可以使用真機(jī)調(diào)試于樟。使用真機(jī)調(diào)試也特別簡單：
在手機(jī)上開機(jī)USB調(diào)試 》將手機(jī)和電腦用USB數(shù)據(jù)線連接 》執(zhí)行命令。
每部手機(jī)開啟usb調(diào)試功能 的方法可能都不一樣拇囊，我的手機(jī)系統(tǒng)是 emui5迂曲，應(yīng)該華為手機(jī)開啟usb調(diào)試功能方法都是相同的。
設(shè)置——》關(guān)于手機(jī)
找到版本號那個選項寥袭，然后連續(xù)點(diǎn)擊多次(好像5次或者7次路捧，可能不同型號不一樣)关霸，點(diǎn)擊完之后會提示手機(jī)已經(jīng)是開發(fā)者模式了。然后返回鬓长，可以看到有個開發(fā)者選項谒拴，點(diǎn)進(jìn)去，打開USB調(diào)試即可涉波。
準(zhǔn)備工作完畢英上，接下來直接執(zhí)行以下命令
cordova run android
image.png
如果不出意外，手機(jī)上會打開那個app的界面啤覆。
真機(jī)調(diào)試日志
真機(jī)調(diào)試可以看到應(yīng)用的真實運(yùn)行效果苍日，這是檢測bug的最好方法。但是這種方法也有一個問題窗声，比如在代碼中輸出的日志該怎么查看相恃？日志是開發(fā)過程中非常重要的一個功能，有時候很多不懂的東西笨觅，打印出來一看可能就明白拦耐，以下是真機(jī)調(diào)試中查看日志的方法：https://jingyan.baidu.com/article/db55b609fde96d4ba30a2fa9.html?qq-pf-to=pcqq.c2c
參照以上的鏈接，這里就以新版本的chrome來介紹见剩。
cheome：版本 61.0.3163.100（正式版本） （64 位）
推薦大家也升級杀糯，升級肯定有升級的道理，挑最新的用
image.png
步驟如下
- 手機(jī)開啟usb調(diào)試功能
- usb數(shù)據(jù)線將手機(jī)與電腦相連接
- 用chrome最新版本打開以下鏈接：chrome://inspect/#devices
如圖所示苍苞，保持選項和圖上的一致就可以了
image01.png
- ionic 項目根目錄下執(zhí)行 cordova run android
- 刷新 chrome://inspect/#devices 界面固翰，查看界面效果
image02.png
如果能看到上圖中的效果，說明你成功了一半羹呵。如果這時候還是無法看到你的設(shè)備骂际，就把數(shù)據(jù)線斷開再重新連接一次，然后再執(zhí)行 cordova run android 冈欢。這樣一般就可以了歉铝，我百試百靈。
- 點(diǎn)擊該界面的 inspect 連接
注意凑耻，第一次打開可能是一片空白犯戏，可能好久都打不開，可能需要翻墻拳话，遇到這種情況就耐心點(diǎn)先匪，翻翻墻試試。只要過了第一次弃衍，之后打開就很方便了呀非。
image.png
打開之后，彈出一個瀏覽器調(diào)試窗口，下面是一張效果圖
image.png
正常情況都可以成功的岸裙，有了這個調(diào)試就方便多了猖败。
