Contents

鸿蒙开发中UI调试技巧,点击UI直达对应代码

Contents

现在给大家讲一下,如何能从UI调试,快速定位到需要修改的代码。

打开鸿蒙开发工具DevEco Studio,工程加载后,在下方找到ArkUI Inspector

./image-1.png

选择需要查看的App包名

./image-2.png

./image-3.png

现在了解了ArkUI Inspector的基本信息,那么怎么样可以实现从UI组件直接跳转到对应的代码呢?

这里需要一点配置

./image-4.png

./image-5.png

勾选了Enable DebugLine后,点击Apply,OK后,重新运行项目

打开ArkUI Inspector,选中需要跳转的组件,在右边就可以看到跳转链接了

./image-6.png

注意,并不是所有组件都能跳转

有了这个技巧,大家在调试的时候就能更快速定位到对应代码进行修改了