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


当前回答

除了其他答案。可以使用调试器语句调试react-native

例子:

debugger; //breaks execution

你的chrome开发工具必须打开这工作

其他回答

还有一个非常好的调试器Reactotron。 https://github.com/infinitered/reactotron

您不必在调试模式下查看一些数据值,而且有很多选项。

去看看真的很有用。;)

在react-native的新版本中,您可以使用react-native log-android或react-native log-android查看应用程序在dev模式下的日志。

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

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

react-native-debugger

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

chrome开发工具

Mac: Cmd+M

Windows和Linux: Ctrl+M

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

编辑:

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

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

硬件>键盘>连接键盘

现在cmd-D启动chrome调试。