Mac下ionic調試

簡單的樣式調節能夠直接經過

ionic serve

而後訪問瀏覽器的方式進行調節。可是，添加一些插件如攝像頭、位置這些很差經過模擬的插件時，這個時候真機調試就顯得很是重要了。

iOS設備

一、啓用設備調試

在iOS設備（iPhone、iPad），請啓用Web檢查器

設置
   | Safari
   |        | 高級
   |        |      |Web檢查器

在Mac設備中，啓用Safari的「開發」。在偏好設置 》高級 》在菜單欄顯示「開發」菜單。

二、載入App到設備

iOS須要開發者證書（沒有就淘寶買一個，大概10塊），而後編譯APP，並經過xcode導入到iOS設備中（證書怎麼配置，請自行Google）

ionic build ios #編譯

三、調試

xcode導入會自動運行APP，這時打開Safari的「開發」，就能夠看到以下界面：

點擊index.html就能夠調試了，附上界面：

四、高級調試

上面的方式調試有個嚴重的不足，就是在本機修改無法及時看到效果（須要重複build、cmd+R操做）。

經過模擬的方式build：

ionic emulate ios -c -l

而後在xcode導入APP（cmd+R），這時奇蹟發生了，修改你的js、html，均可以及時看到修改後的效果。

Have Fun！歡迎跟帖交流。