一個高效率的開發,不僅僅需要扎實的專業,掌握熟練的調試技巧也是必備技能,熟練的調試技能可以加快開發速度和提升代碼質量,降低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設備。