React Native小白實戰篇（二）-調試

想必你們都知道 對於開發者來講 尤爲是前端開發者來講 調試無疑是最重要的了 那麼react-native是如何進行調試的呢 ？

1.react-native開啓調試

上節課中咱們使用了mumu模擬器 快捷鍵ctrl+m便可打開調試窗口 安卓手機的話須要搖一搖

1.RELOAD

只修改了JS代碼的狀況下， 不須要從新編譯應用，只須要React Native 從新加載JS便可

2.Enable live reload

當JS代碼發生變化後， ReactNative會自動生成bundle而後傳輸到模擬器或者手機上

3.代碼發生錯誤

屏幕會產生紅色頁面 表示你的代碼有錯誤

4.warning

react native 出現的warning也會被直接顯示在屏幕上 以黃色的背景顯示，並打印出警告信息。也能夠經過console.warn()來手動觸發warning。也能夠經過console.disableYellowBox=true或者console.ignoredYellowBox=['Warning:...']來手動禁用warning

2.谷歌開發者調試工具

點擊彈窗的第二項 也就是debug 就會自動跳到

而後 F12就能夠調試咱們的react-native代碼了