ReactNative调试方法

最重要的是开发者菜单,在安卓模拟器上使用CMD+M,在ios可以使用CMD+D打开,真机上可以通过摇一摇的方式打开,开发者菜单有一下的功能:

  • Reload 重新加载,相当于CMD+R
  • Debug JS Remotely 打开RN的debug模式,会打开http://localhost:8081/debugger-ui/ 可以打开chrome的开发者工具包括console,source,在source中可以加断点,在console里面可以输出变量比如this.props,或者在代码中直接加入debugger;标志符,这个时候只要程序执行到这个debugger这一行就会暂停。是最有用的调试方式。
  • Enable Live Reload 开启实时加载,整个项目会初始化到首页,是整个项目加载变更
  • Enable Hot Reload 热加载,在当前页面进行加载对应的变更
  • Error and Warning 会以红屏或蓝屏的形式进行展现错误、


ReactNative调试方法

另一个重点是真机调试:

对于 iOS 真机来说,需要在xcode中打开 RCTWebSocketExecutor.m文件,然后将其中的”localhost”改为你的电脑的 IP 地址,最后启用开发者菜单中的”Debug JS Remotely”选项既可以进行真机调试。


分享到:


相關文章: