本文介绍了如何在React Native应用中进行调试。通过在模拟器上运行项目，启用Debug JS Remotely，利用Chrome DevTools和React Native Debugger设置断点，详细阐述了如何单步执行代码、查看变量值以及管理断点。特别强调了'Pause on exceptions'功能对于捕捉异常的重要性。
首先在模拟器上运行项目，打开调试菜单 ，选择Debug JS Remotely菜单项。Chrome浏览器会走动启动并打开一个React Native Debugger页面。如下图：
按住Ctrl+Shift+J打开DevTools工具，点击下图中的按钮，将项目文件夹添加到soure选项卡中。
添加了项目工程文件后，如下图：
在需要调试的地方加上断点
注意此时已经执行到断点并且停止执行了，控制台打印了断点前一行的日志，断点及断点之后的代码还没有执行。此时开发者把鼠标指向代码中的某个变量，就会显示当前这个变量的值。
上图中右上方一排的六个按钮就是断点调试中经常用到的工具。分别是（鼠标移到按钮上会显示按钮的
最低0.47元/天 解锁文章
扫一扫
7172
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
