2.React Ntive调试19-07-10

1.开启Developer Menu
安卓模拟器上： Command + M
iOS模拟器上：Command + D
真机上通过摇一摇开启

2. Reload 刷新
   Remote Debugging 打开debug调试模式
   Enable Live Reloading 是否实时加载
   Start Systrace
   Enable Hot Reloading 热加载 只在当前页面上加载变更
   Toggle Inspector
   Show Perf Monitor

3.在Debug模式下，我们的Errors和Waring都会直接打印在手机或者模拟器屏幕上，以红屏或黄屏显示。你也可以通过console.error()来手动触发Error。
有些黄色警告⚠️想忽略的话，可以通过console.warn()来手动触发warnings,也可以用console.disableYellowBox = true来手动禁用Warning显示，或者通过console.ignoreYellowBox = ['Warning: ...'];来忽略相应Warning。
4.生产环境release（production）下Error和Warning功能不可用。
5.重点介绍Remote Chrome Developer Tools
点击打开Remote Debugging

屏幕快照 2019-07-10 16.49.16.png

可以使用Command+option+I打开调试工具，也可也以

屏幕快照 2019-07-10 16.53.36.png

在这里打开。
在下图位置可以查看代码，打断点

屏幕快照 2019-07-10 16.56.47.png

WechatIMG56.png

6.在真机上调试
iOS到xcode中发开“RCTWebSocketExecutor.m”文件，将“localhost”改为电脑的ip,然后再Developer Memu(摇一摇)下单机“Debug JS Remotely”启动JS远程调试功能。

WechatIMG57.jpeg

WechatIMG58.jpeg