1.开启Developer Menu
安卓模拟器上： Command + M
iOS模拟器上：Command + D
真机上通过摇一摇开启
- 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
网友评论