1. 进入App的开发者菜单
摇晃手机或者
选择”Shake Gesture” 在iOS模拟器的 Hardware 菜单.
Command⌘ + D iPhone模拟器
Command⌘ + M Android 模拟器.
在正式发布版本中的开发者菜单时被禁止的。
2. 重载javascript
Command⌘ + R 在 iOS模拟器,
点击 R 两次在Android模拟器。
3. 在app中的错误和警告 Errors and Warnings
红屏console.error()
黄屏 console.warn()
4. 输出 console logs
App 运行时在终端启用
$ react-native log-ios
$ react-native log-android
Debug →
打开 System Log… 在 iOS 模拟器，
或者运行Andoid app在设备或者模拟器时，在终端运行下面一行代码
adb logcat *:S ReactNative:V ReactNativeJS:V
5. Chrome开发者工具
要在chrome浏览器 debug JavaScript 代码, 选择 “Debug JS Remotely” 在Developer Menu. 会打开一个新的tab页 http://localhost:8081/debugger-ui.
选择‘更多工具’ → ‘开发者工具’ 打开 Developer Tools.
或者快捷键 (Command⌘ + Option⌥ + I on Mac, Ctrl + Shift + I on Windows).
或者你想打开 Pause On Caught Exceptions 获得更好的debugging体验.
6. Debugging通过chrome的开发者工具
IOS设备上，打开 RCTWebSocketExecutor.m ，并修改 “localhost” 为你电脑的IP地址, 然后选择Developer Menu中的”Debug JS Remotely”.
用Android 5.0+设备，通过USB连接好, 执行adb 命令行
adb reverse tcp:8081 tcp:8081
再或者, 选择Developer Menu的 “Dev Settings” , 然后修改 “Debug server host for device” 设置匹配你电脑的IP地址。
原文链接：https://facebook.github.io/react-native/docs/debugging.html