小程序源码调试

更新时间 2024-07-24 02:58:49
收藏
我的收藏

IDE 代码调试​

此功能只支持小程序,在 4.1.7 版本后可用。​
打开开发者工具后,选择编辑器区域侧边栏中的“调试”,点击“运行和调试”,选择“调试小程序”即可生成小程序调试 launch.json 文件。​
选择“小程序调试”,点击启动按钮,即可开启源码调试,对模拟器中运行的小程序代码进行断点调试和查看动态运行情况。
在代码中增加断点,刷新模拟器,程序运行到断点位置时自动暂停,此时我们可以查看代码中的变量和分析调用栈。​
在编辑器的“调试控制台”面板中,可以看到 console 输出内容,输入表达式可以得到当前表达式结果。​
编辑器代码调试状态和调试器中的 sources 面板状态有联动关系,我们在断点时可以查看调试器中的页面状态。​
点击“断开连接”按钮,结束代码调试。​

常见问题​

Q:断点已经添加了,代码没断住。
A:重新刷新模拟器页面看是否能断住;或者如果模拟器没有运行到代码所在的页面,需要在模拟器中打开相关页面查看是否断住。​
Q:断点添加了,但是没有生效,显示为 unbound breakpoint
A:此处的代码未被模拟器加载,在模拟器中打开代码相关联的页面,或者在入口代码中引入此代码后再进行调试。​
Q:点击“调试刷新”按钮,IDE 整体刷新。
A:IDE 基于 Electron 实现,模拟器调试端口实际为 Electron inspect 端口,因此会刷新整个 IDE。这里尽量不要使用“调试刷新”按钮,直接使用模拟器刷新或者重新编译。​