从 Visual Studio Emulator for Android 调试 React Native App答案

【问题标题】：Debug React Native App from Visual studio Emulator for Android从 Visual Studio Emulator for Android 调试 React Native App
【发布时间】：2018-04-19 06:44:40
【问题描述】：

我在 Visual Studio Emulator for Android 中运行我的 React Native 应用程序。有人可以告诉我如何调试我的 js 代码吗？在 Android Studio 模拟器中，我们可以选择远程调试。但是从 Visual Studio Emulator 我该如何调试..在此先感谢。

【问题讨论】：

标签： android debugging react-native visual-studio-emulator

【解决方案1】：

如果你安装了 chrome，那么你可以使用 chrome 调试器来调试你的 js 代码。第一的 Mac：命令 + M 窗口：控制+ M 然后点击远程调试js；它将在 chrome 中打开一个选项卡，然后右键单击并选择检查，切换到控制台选项卡。您控制台的任何语句都会出现在那里。

【讨论】：

Ya..我已经安装了 chrome。但是当我按下 control+m 时没有任何反应。如果我按 'r' 两次，我的应用程序正在重新加载。但按 ctrl+m 没有任何更改。:-(。我需要更改设置中的某些内容吗？
转到您的模拟器并按 control + M
@Thara 当你按下 ctl+m 时会发生什么？你能看到类似这样的错误吗 => no access control allow origin chrome
@Revansiddh 如果我按 ctrl+m。什么都没发生。没有错误..我只能看到我的应用程序。没有其他变化。
您使用的是 Mac 还是 Windows？

【解决方案2】：

有两种方法可以调试代码。

第一个：使用 Visual Studio 调试菜单。

按ctrl+shift+D 打开调试菜单并选择Attach to Packager 或在Visual Studio 中选择左侧的第4 项。

这允许您设置断点和调试代码，就像您在 Android Studio 中看到的那样。

第二个：使用React Native Debugger

【讨论】：

非常感谢您的回复。第二个选项仅适用于 Mac OS？
不，它也支持 Windows。 github.com/jhen0409/react-native-debugger/releases
没问题。您可以接受/支持其他人的答案以提供帮助:)