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


当前回答

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

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

确保你有铬。

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

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

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

其他回答

在Debian 8 (Jessie)上调试react-native 0.40.0可以通过在Chromium或Firebug中导航到http://localhost:8081/debugger-ui来完成,而应用程序正在android模拟器中运行。要访问应用程序内的开发人员菜单,在另一个终端窗口运行以下命令,如下所示:

Adb shell输入keyevent 82

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

其实很简单。只需按cmd D(如果在mac上),模拟器将创建一个弹出菜单。从那里只需点击“调试JS远程”或类似的东西。注意,在执行与某些包相关的代码时运行调试器会给人们带来问题。我有一个问题与反应本机映射和调试器。但这是固定的。不过,在大多数情况下,你应该没问题。

你可以从brew安装React本机调试器。它比chrome中的调试器使用起来更舒服

如果你想在Windows上使用android设备调试,只需打开命令提示符,然后输入(确保你的adb工作正常)

adb shell input keyevent 82

它将提示一个类似于图像的屏幕

然后选择

debug JS Remotely

它会自动打开一个新窗口。然后打开检查元件或按F12进入控制台。