1、在DevEco工具中，点击并展开PreViewer预览器

2、在PreViewer预览器中，点击Tt按钮（Inspector）切换至组件查看模式

3、在组件查看模式下选择组件，代码呈现选中状态，右侧呈现组件树，右下方呈现组件的盒子模型以及各属性设置窗口

4、点击上图中的PreViewer按钮，返回预览模式

Logo
HarmonyOS开发者社区

讨论HarmonyOS开发技术，专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐

HarmonyOS 6学习：PC端悬浮窗模式与智能长截图的协同优化实战

本文介绍了在HarmonyOS6中优化PC端应用体验的两个关键技术：悬浮窗模式和智能长截图功能。针对AI旅行助手在PC端使用时全屏霸屏和长内容截图不便的问题，提出了解决方案。通过检测设备类型动态调整窗口模式，使用setSupportedWindowModes和recover API实现悬浮窗切换；针对PC大屏特性优化长截图算法，实现滚动捕获、智能裁剪和拼接。文章详细阐述了技术原理、实现步骤和优化策

avatar HarmonyOS开发者社区
cover

鸿蒙政务APP开发指南：安全合规与国产化适配

avatar HarmonyOS开发者社区

HarmonyOS 6学习：从视频加载到长截图——性能优化实战全解析

本文深入探讨了HarmonyOS6应用开发中的性能优化方案，聚焦视频加载和长截图生成两大典型场景。通过多线程并行处理、任务优先级调度和异步执行等技术手段，显著提升了视频处理效率（处理时间缩短74%）和长截图生成速度（提升72%）。文章详细介绍了智能滚动截图、Web组件优化、内存管理等具体实现方案，并总结了避免阻塞主线程、合理利用多核CPU等通用优化原则。最后展望了HarmonyOS性能优化的未来方

avatar HarmonyOS开发者社区