RN使用Chrome断点调试

iOS

模拟器

说明： 可直接调试，无需特殊配置。

真机

• 先直接选择远程调试，如果失败，继续下列步骤
• 用Xcode打开项目工程
• 选择Libraries
• 选择RCTWebSocket.xcodeproj
• 选择RCTWebSocketExecutor.m
• 搜索@"localhost"
• 将@"localhost"替换成你的电脑IP，例如：@“192.168.0.1”

Android

模拟器 && 真机

说明： 一般打开远程调试会提示：Unable to round-trip http request to upstream: dial tcp 10.0.2.2:8081: i/o timeout

遵循以下步骤：

• 先打开Chrome浏览器，然后打开：http://localhost:8081/debugger-ui
• 然后重新执行： react-native run-android
• 如果以上还不行，则先尝试：adb reverse tcp:8081 tcp:8081 (确保手机通过USB连接电脑，可通过: adb devices查看是否已连接。然后实现从设备到电脑的端口转发）
• 再次执行：react-native run-android

注意：如果Android版本在 5.0 以下，可能需要在开发者菜单中选择"Dev Settings - Debug server host for device"，然后在其中填入电脑的“IP 地址:端口”。