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

时间:2015-11-30 09:35:09

标签: javascript react-native

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

adb logcat *:S ReactNative:V ReactNativeJS:V

显示console.log输出,但在代码中断时它没有给出确切的错误。

有人可以建议我一个好的调试方法以及如何让错误输出起作用吗?

1 个答案:

答案 0 :(得分:1)

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

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