(四)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設備。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM