javascript - React Native - 如何更好地调试 javascript 代码?

标签 javascript react-native

我正在使用 React Native 0.13。目前我有一个 Android 模拟器,可以在其中预览应用程序。我在 OSX Yosemite 工作。在很多情况下,当我点击按钮或链接时没有任何反应,这是由于 javascript 中的一些错误,但我在任何地方都没有收到任何错误消息,因此解决问题变得非常困难。对于控制台日志记录,我使用:

adb logcat *:S ReactNative:V ReactNativeJS:V

它显示 console.log 输出,但当代码中断时它不会给出确切的错误。

有人可以建议我一种好的调试方法以及如何使错误输出正常工作吗?

最佳答案

调试 JS 代码的最佳方法是使用 Chrome 开发工具。您可以在chrome选项卡中远程执行JS代码时进入模式,然后使用普通的chrome工具进行单步调试。为此,您需要打开 React-native 开发菜单并选择“在 chrome 中调试”(请参阅​​ this link for more detailed instructions )。然后在 Chrome 中,您可以使用 alt + ⌘ + j 打开开发控制台,转到“sources”选项卡并使用 ⌘ + p 导航到某个特定的 JS 文件。然后在那里放置断点等等...

如果您想调试 Java 代码,最简单的方法是让 Android Studio 启动您的应用程序。然后,您可以在附加调试器的情况下运行应用程序(使用 ctr + d),或者使用启动菜单中的“将调试器附加到 Android 进程”按钮并从菜单中选择正在运行的应用程序。然后您可以在 Android Studio 中为 java 代码放置断点。

关于javascript - React Native - 如何更好地调试 javascript 代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33995389/

相关文章:

javascript - 使用 lodash 并尝试使用多个对象更新和对象。 (编辑项目)

javascript - 限制 Jekyll Search 中的搜索结果

javascript - Angular2 指令 : How to detect DOM changes

javascript - 将映射变量放入图像的源中

javascript - 使用函数 setTimeOut 和 jquery Cookie 的模态窗口

java - 如何从java代码调用JavaScript函数android native

javascript - Firebase 实时数据库一次更新多个节点

javascript - 如何从项目列表中选择 ScrollView 中的中心项目

React-Native Fetch/Axios 没有 statusText

javascript - 如何在 React Native 中滚动到 View ?