在模拟器- react-native Run -ios中运行你的应用程序 按ctrl + d，然后点击Debug JS remote

网页应该在http://localhost:8081/debugger-ui打开，如果没有输入URL，在Chrome中进入这个链接 右键点击页面，点击检查，它应该打开chrome开发工具

转到顶部菜单中的源代码，在右侧的文件资源管理器中找到你的js类文件 您可以将断点放到视图中，并在其中调试代码，如图所示。

您可以使用expo进行调试:https://expo.io/

Expo让web开发者能够构建真正的本地应用程序，可以在这两个平台上运行 iOS和Android只需要用JavaScript写一次。它是开放 源代码，免费并使用React Native。

这是一个很棒的工具，你可以在React Europe conf上观看这个研讨会:

https://www.youtube.com/watch?v=HygXkQDMSGU&t=6675s

在模拟器上按Cmd+D并选择Debug将打开浏览器调试器

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

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

确保你有铬。

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

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

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

Mac： Cmd+M

Windows和Linux: Ctrl+M

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

编辑:

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

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

这是弹出的屏幕:

详情请点击这里。