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

适用于:windows, osx和linux。

它支持:react native和redux

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

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

这是弹出的屏幕:

详情请点击这里。

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

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

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

在文件路径中设置空格会阻止Cmd+D的工作。我把我的项目移动到一个没有空间的位置，我终于让Chrome调试器工作了。看起来像个bug。

使用Flipper或retotron。每一种都有自己的好处，没有一种要求您启用调试模式，所以您的环境不会变慢!

对我来说，在React-Native上调试的最好方法是使用“Reactotron”。

安装Reactotron，然后将这些添加到你的package.json:

"reactotron-apisauce": "^1.1.2",
"reactotron-react-native-under-37": "^1.1.2",
"reactotron-redux": "^1.1.2", 

现在，只需要登录您的代码。 例如:console.tron.log(调试)