React Native调试技巧

首先在模拟器上运行项目，打开调试菜单 ，选择Debug JS Remotely菜单项。Chrome浏览器会走动启动并打开一个React Native Debugger页面。如下图：

按住Ctrl+Shift+J打开DevTools工具，点击下图中的按钮，将项目文件夹添加到soure选项卡中。

添加了项目工程文件后，如下图：

在需要调试的地方加上断点

注意此时已经执行到断点并且停止执行了，控制台打印了断点前一行的日志，断点及断点之后的代码还没有执行。此时开发者把鼠标指向代码中的某个变量，就会显示当前这个变量的值。

上图中右上方一排的六个按钮就是断点调试中经常用到的工具。分别是（鼠标移到按钮上会显示按钮的