HBuilderX 4.61+ 运行到鸿蒙,支持Debug调试。包括uvue、uts、混编的ets都支持。

# 开启调试

如下图所示,运行uni-app x项目到鸿蒙,运行成功后,HBuilderX控制台点击红色虫子图标,下拉菜单选择【开启调试】,即可开启鸿蒙调试功能。

注意:鸿蒙调试,依赖鸿蒙调试插件,弹窗提示安装依赖插件,请务必点击安装,否则无法进行调试。

注意:如果需要触发应用初始化中的断点,比如App.uvue的onLaunch中,需要点击红色虫子图标右边的重启应用按钮,重启之后应用初始化中的断点才会生效

注意:目前部分变量的显示可能还是以ets的方式显示,因为uts编译结果是ets

# 打断点

打开要调试的uts、uvue、ets文件,在代码行号上,鼠标右击或双击添加断点。

# 调试视图

开启调试后,即可在HBuilderX左侧视图,看到调试视图,具体如下:

调试视图分为5部分:

  • 调试工具栏
  • 变量窗口 (复制值复制表达式添加到监视)
  • 监视窗口(包含添加/编辑/删除表达式,以及复制值
  • 调用堆栈窗口
  • 断点窗口(包含删除/启用/禁用断点)

# 调试操作

  • 继续 F8
  • 下一步 F10
  • 进入 F11
  • 返回 Shift+F11

# 数据检查和查看变量

# 添加到监视

在【变量窗口】,选中变量,右键菜单,即可将变量添加到监视窗口。

# 悬停显示

断点调试过程中,将鼠标悬停在要查看的变量上,即可打开悬停窗口。