试试这个程序:https://github.com/jhen0409/react-native-debugger

适用于:windows, osx和linux。

它支持:react native和redux

你还可以检查虚拟组件树，修改应用中反映的样式。

我使用的一种技术非常类似于Android中的调试策略，即在所有.js文件中包含一个名为TAG的全局变量。

const TAG = 'APP_NAME+SCREEN_NAME';

然后在需要的地方，我将这样做:console.log(TAG + 'ACTION');

通过这种方式，我可以跟踪操作并查看日志语句的来源。

调试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，重新加载和启用/禁用调试选项。

我使用这个库来调试react-native项目

https://github.com/jhen0409/react-native-debugger 它包括

包括React -devtools-core中的React Inspector。 包括回家的 DevTools，用redux-devtools-extension做了相同的API。

或者你可以用

For IOS $ react-native log-ios
For Android $ react-native log-android

对于Android: Ctrl + M(模拟器)或摇动手机(在设备中)显示菜单。

对于iOS: Cmd + D或摇晃手机显示菜单

确保你有铬。

在显示的菜单上选择Debug JS远程选项。

Chrome将在localhost:8081/debugger-ui自动打开。您也可以使用此链接手动转到调试器。

那里显示控制台，你可以看到日志被记录。

默认情况下，我的ios模拟器没有捕捉到击键，这就是为什么cmd-D不能工作的原因。我必须使用模拟器的菜单打开键盘设置:

硬件>键盘>连接键盘

现在cmd-D启动chrome调试。