如何调试React Native?

当应用程序在应用模拟器中运行时，如何用React Native调试他们的React代码?

当前回答

我使用这个库来调试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

其他回答

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

硬件>键盘>连接键盘

现在cmd-D启动chrome调试。

Mac： Cmd+M

Windows和Linux: Ctrl+M

在模拟器中使用适当的热键。它会弹出Chrome浏览器，从那里你可以使用开发人员工具。

编辑:

现在在帮助文档中有链接。

如果您正在使用模拟器使用Ctrl+M和模拟器Cmd+D 远程单击- Debug js 谷歌Chrome浏览器进入控制台

如果你在React原生应用程序开发中使用Atom编辑器中的Nuclide，那么你也可以使用“元素检查器”，这有助于观察开发阶段应用程序在设备上运行时的道具和状态值变化。

在这里了解更多

首先在你的ios模拟器中，如果你按[command + D]键，然后你可以看到这个屏幕。

然后单击远程调试JS按钮。

之后你可能会看到这样的React本机调试器页面。

然后打开你的检查器[f12]，去控制台选项卡调试它!：）

推荐文章