这是使用react本机调试器应用程序的另一种方式。

你可以使用下面的链接下载应用程序，这是一个非常好的应用程序，用于管理redux商店的源代码。

react-native-debugger

现在你可以直接使用下面的链接来帮助你。

chrome开发工具

奇怪的是，⌘+ D对我不起作用。在iOS模拟器中按ctrl + cmd⌘+ Z确实为我打开了调试浏览器窗口。

这是弹出的屏幕:

详情请点击这里。

调试React原生应用程序

要调试react应用程序的javascript代码，请执行以下操作:

在iOS模拟器中运行应用程序。 按Command + D，打开一个网页http://localhost:8081/debugger-ui。(Chrome只现在)或使用摇手势 为更好的调试体验启用暂停捕获异常。 按命令+选项+ I打开Chrome开发工具，或通过视图->开发人员->开发人员工具打开。 现在您应该能够像往常一样进行调试了。

可选

为谷歌Chrome安装React开发人员工具扩展。当开发人员工具打开时，如果你选择React选项卡，这将允许你在视图层次结构中导航。

生活重新加载

要激活Live Reload，请执行以下操作:

在iOS模拟器中运行应用程序。 按Control + Command + Z键。 您现在将看到启用/禁用Live Reload，重新加载和启用/禁用调试选项。

这真的取决于我在做什么。如果我正在更改UI或调试UI，我通常会打开实时和热重新加载并进行更改，然后获得即时反馈。如果它是更技术性的东西，我打开JS调试来查看应用程序的状态。然而，因为在react本机中重新加载是如此之快，如果状态太混乱，我只是控制台日志。

adb logcat *:S ReactNative:V ReactNativeJS:V

在终端中运行android日志。

在Windows中，使用android模拟器，你可以执行以下步骤:

模拟器运行后，应用程序在它上面，按下菜单按钮，然后选择“调试JS远程”或“调试在Chrome中”(这取决于模拟器使用)。你可以看到下一个图像作为参考:模拟器的步骤图像 一个新的Chrome标签将出现。你必须按Ctrl + J来显示开发人员工具，并开始跟踪调试步骤。请看这张图片作为参考

此外，您应该使用console.log()特性来使调试过程更具描述性。