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代码了