当它在设备上运行时，您的调试反应如何？

Question

当它在设备上运行时，您的调试反应如何？

Answer 1

你有两个选择：

1. 远程调试

iOS: Cmd + ctrl +z打开菜单并选择“远程调试”

Android: Cmd +M打开菜单并选择“远程调试”

1. 或运行以下命令之一： react本机日志-ios react本机日志-android

Answer 2

我们的反应本机调试的Android。对那些挣扎着的人来说-

1. 启动RN应用程序
2. 抖动装置
3. 选择“开发设置”
4. 在系统的IP地址中选择"Debug服务器主机和设备端口“。
5. 抖动装置
6. 选择“远程调试JS”
7. Chrome将打开一个地址为"http://localhost:8081/debugger-ui“的新选项卡
8. 如果没有发生这种情况，请检查您的端口并打开一个新的选项卡，并输入上面的地址和端口号。
9. 打开#Chrome DevTools (Cmd+Alt+I on #MacOSX)
10. 选择控制台选项卡
11. 抖动装置
12. 选择"Reload“

查看所有控制台日志或在JS中使用“调试器”进行断点调试。

Answer 3

这里有一些针对IOS的黑客攻击。在XCode打开项目文件夹的AppDelegate.m中，用jsCodeLocation声明对行进行注释，并在其附近添加如下内容：

jsCodeLocation = [NSURL URLWithString:@"http://%YOUR_PC_IP%:8081/index.ios.bundle?platform=ios&dev=true"];

，其中%YOUR_PC_IP%是本地网络上开发机器的IP。

然后打开位于库文件夹中的名为RCTWebSocket的项目，然后从该项目文件RCTWebSocketProjectExecutor.m中打开。接下来，用主机声明对行进行注释，然后在其附近添加如下内容：

host = @"%YOUR_PC_IP%";

就快完成了。使用XCode在您的设备上运行应用程序，并确保您的IPhone可以通过互联网看到您的开发机器。

启动后，确保节点服务器正在运行(在根项目文件夹中命令“react本机-启动”)并通过chrome打开此页面：http://localhost:8081/debugger-ui。另外，远程调试JS选项必须在IPhone上的应用程序中启用。(摇一下动作，然后点击打开的菜单，远程调试JS，就是这样。)

现在打开dev控制台并进行愉快的调试。