（四）react-native開發系列之debug調試

一個高效率的開發，不單單須要紮實的專業，掌握熟練的調試技巧也是必備技能，熟練的調試技能能夠加快開發速度和提高代碼質量，下降bug量，能夠起到事半功倍的效果；今天來講下react-native在開發過程當中的調試技巧。

ios平臺中的調試

在安裝了xcode的基礎上，在項目根目錄下運行react-native start便可啓動本地服務，而後運行react-native run-ios就會自動啓動ios虛擬機，自動安裝app；

在第一次運行了react-native run-ios以後，後面再次啓動app的話，直接從新react-native start就好了，修改的靜態資源會從新編譯，加載到app，只須要在app裏reload一下就行，可是若是改了項目中的原生代碼就須要從新run-ios了。

關於ios中的debug

iOS模擬器中，可使用快捷鍵command + D便可彈出調試菜單。

點擊Debug JS Remotely便可打開chrome中的調試窗口

根據提示，再次按下commond + option + J（虛擬機按下win + alt + J）可打開調試頁面，以下圖

在此處打斷點調試便可；若是調試過程當中點擊頁面切換很是慢，能夠吧調試頁面單拖出來，從新command + R刷新頁面就好了。

Android平臺下debug 

android平臺下的調試和ios中很像，就是呼出菜單欄的方式不一樣，使用Android設備按下菜單鍵或者搖晃手機能夠呼出菜單欄

一樣點擊Debug JS Remotely打開chrome中的調試窗口，剩下的步驟同ios設備。