UX测试
====

#### 多设备布局对比测试

**环境准备**

**远程模拟器预置**

DevEco Studio开发工具安装：

请参考[DevEco Studio 指导文档](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/ide-tools-overview)，点击下载并安装[DevEco Studio](https://developer.huawei.com/consumer/cn/download/deveco-studio)。

**hdc工具配置**

hdc默认安装在Testing客户端安装目录的**\\app\\resources\\bin**路径下，MacOS系统的hdc位于Testing客户端安装目录的**\\Contents\\Resources\\app\\resources\\bin**路径下。环境变量请参考[hdc指南](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/hdc#可选命令行直接执行hdc程序)进行配置。

**模拟器创建和启动**

请参考[模拟器概述](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/ide-run-emulator)，创建并启动模拟器。

**获取远程模拟器的SN**

启动模拟器后通过**hdc list targets**命令，查询已启动模拟器SN。模拟器的SN通常为127.0.0.1:port的形式（port默认为5555，端口冲突则依次加2递增）。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/ba/v3/jzAY8Wz0Ru24ALdZ2mentg/zh-cn_image_0000002622164203.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=48697CC1E347E59D2A9982C2655A46E346C29CC23FD6012C98A6898281E2C892)

若未配置hdc环境变量，需要先切换到hdc文件目录（hdc安装目录获取参考hdc工具配置），Windows通过 **.\\hdc list targets**命令，查询已启动模拟器SN。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/6a/v3/fMAIovyGQcyXMcsJliE29w/zh-cn_image_0000002591764530.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=244976C2DCBA5F8C29810621FCF61DF25633179FADD3648B276EA4FE9F9525FA)

Mac需要在hdc安装目录下打开命令行，运行**./hdc list targets**命令查询已启动模拟器SN，如下图：

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/14/v3/_kKSheJiS866D1a8n2N8Zg/zh-cn_image_0000002625543585.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=E44D3B721CA6BBA6333ABAA3393C9B50B118F41E5B0BF32882DBF0491E8FB57B "点击放大")

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/83/v3/z6QhyNe-QTq4ErGMavTIwg/caution_3.0-zh-cn.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=CA998696AED9266EDCC258DB36501E1A75F665AD9CDB55A61F968C5480E2B9AD)

模拟器的SN随着启动顺序改变可能会存在改变。

**获取模拟器所在PC的IP**

**Windows**

启动windows命令行，输入**ipconfig /all**命令，获取模拟器所在PC的IP。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/4d/v3/TbI8X1E0S0-ugatscbQ5fQ/zh-cn_image_0000002625448575.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=1E99A47B6DB3FA30FA416D31E8ABAE12E1A8DFCDD10E17ACEE04EFC4A034655D "点击放大")

**Mac**

启动Mac命令行，输入**ifconfig**命令，获取模拟器所在PC的IP。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/b0/v3/-KRdaIDeS12oaYHmcdCUkw/zh-cn_image_0000002595174720.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=9B529A087974841C39214B46811BB59A989E73C87E514D6FFB85EBBE4F841C2C "点击放大")

**远程模拟器启动hdc服务**

外部需要通过hdc服务对模拟器进行远程访问，服务器启动命令为hdc kill && hdc -s IP:8710 -e IP -m（其中IP为模拟器所在PC的IP，下同）。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/1/v3/4XXaFyONSfmnjY5j1hoMlA/zh-cn_image_0000002591764532.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=9C34B6C12D7F5AE297A8D49D7F34BBA74F4B8A16B62C277856B0C36527B4A4E4 "点击放大")

若未配置hdc环境变量，需要先切换到hdc文件目录（hdc安装目录获取参考hdc工具配置），Windows命令为 .\\hdc kill && .\\hdc -s ip:8710 -e ip -m。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/8e/v3/xCco6ubRTXOzwoFdPjYvUA/zh-cn_image_0000002622244073.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=A00BA8A2BE4120DC682EF3AC805FE6B87F91C1CB07BCCE6DDC5E2D1C3C19AE9C "点击放大")

Mac需要在hdc安装目录下打开命令行，运行命令 ./hdc kill && ./hdc -s ip:8710 -e ip -m启动服务。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/28/v3/m4uWyJHLQ4ex4MWQ4vXicQ/zh-cn_image_0000002595183340.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=33AF22D092937D6E3D8483B1A80C58C7A563023EDD863E6000A9FF4646BB1148 "点击放大")

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/97/v3/J8hnPNP-QWy9viUWR0lZVw/caution_3.0-zh-cn.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=4D70F3A0A9E0BC376D30F32FA06C20D3983B448C7203E17FB720D0CC684E3E5E)

服务启动后，在本机执行 hdc list targets 命令会查询不到已启动的设备；可在其他PC通过 hdc -s IP:8710 list targets查询设备。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/97/v3/z1ZK5VJ3RgaNru9PorM5sQ/zh-cn_image_0000002622164209.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=F6EE41423F10A411D6825C542956F6C6AA4E52504D68E1B2E2552FF3E78623D2)

DevEco Testing连接远程模拟器

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/3f/v3/Se2hAt5gRIuF5sc_xu3P1g/zh-cn_image_0000002595001312.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=D340262DAE324C09F6CA0C20FFF69081F50C9344E9EFC634A58653EA06A934D9 "点击放大")

步骤 1：安装DevEco Testing后，左边菜单栏选择“设置”，开启支持模拟器。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/e2/v3/ZnZ6MmuBSfiR_IgvBwFZpw/zh-cn_image_0000002595161626.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=ECE4656002DAFFD40B9AF6339B20DBC8F853AF5F4AB777088EE393DFD7D91556 "点击放大")

步骤 2：选择“远程设备管理”，输入远程设备信息，并建立连接。

①远程主机IP：待测设备所在PC的IP地址。

②HDC端口：远程PC启动的hdc服务端口，默认为 8710。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/37/v3/a2YD_N_DQweSBXXLxl83WQ/zh-cn_image_0000002625525937.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=B4CD69594921E2F8470311098766E5B6EADC9D3909657A6EB6198E8044ACBFDA "点击放大")

步骤3：点击连接远程模拟器，输入远程模拟器的SN与远程模拟器建立连接。

远程主机IP：输入目标远程设备的IP地址。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/9e/v3/dSzlAm7ZTFCJG59ZjeA0uQ/note_3.0-zh-cn.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=34A81BE0342EE7E8884C95EA9737A3A7F403239F2678240D8E19DA6CA2669610)

在尝试通过DevEco Testing与远程设备建立连接之前，必须先在目标IP 地址的远程设备上，成功启动需要连接的模拟器实例并启动远程hdc服务。

**创建任务**

步骤 1：与远程模拟器建立连接后，左边菜单栏选择“测试服务”，选择“多设备布局对比测试”，点击服务卡片，即进入任务创建界面。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/d7/v3/UGpyejuQRBq5yv6Z8BtRSQ/zh-cn_image_0000002595031352.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=E48A25373FED5C873F51438A7487D6DAAC84E0CE50DEE4F610930E8936A4FDBF "点击放大")

步骤 2：进入任务创建界面，配置任务参数。

①任务名称：用于标识任务，系统会根据时间生成默认任务名，支持自定义修改。

②备注信息：按需填写任务备注信息，便于快速筛选报告。

③选择应用：选择需要安装应用，即在远程模拟器上安装新的应用包。

④测试设备：选择待测设备。同种类型的设备只支持选择一个，最多可以选择台设备并发执行任务。

⑤测试模式：支持自定义选择竖屏、折叠、横屏三种测试模式，建议全选，可以全面覆盖设备在不同形态下的页面表现。

⑥测试时长：支持自定义检测时长，建议小时，可以充分提高页面覆盖率。

步骤 3：创建任务。参数配置完成后，点击“创建任务”即开始测试。

**测试执行**

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/ae/v3/kzI6j2yXSTiwzhxIgWVRpA/zh-cn_image_0000002625433427.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=1AE4AC4DF7D98C6EEEFC19EBEF19DA82FAAC96B4EAD1361479B1173F0043D7CA "点击放大")

创建任务后，将会跳转到执行页，测试过程中，在测试页面可以看到累计发现问题汇总、当前页面问题汇总、测试进度，点击查看详情可以实时查看。执行页实时展示测试进度、预计执行时间、预计剩余时间、设备实时投屏、累计发现问题汇总和当前页面问题汇总等信息。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/fe/v3/Aaia8fX5SNWTvPDIrdO22A/zh-cn_image_0000002625489561.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=CD70B0AB582ADF47803825DFBC268BF42CF7FE91941BE3B2CA2839434E86E888 "点击放大")

在执行页点击右上角“查看详情”按钮跳转到问题详情页，该页面实时展示检测设备已检测信息，包括累计问题数、检测项（包括检测中和待检测）。通过点击设备信息切换不同设备的检测信息详情。点击各检测项的“不通过数|通过数”对应值可查看该检测项详细检测结果。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/7a/v3/2OK_ONskRrSp0VZkH6Jh5g/zh-cn_image_0000002625539041.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=76057BA6640301C6D935495E5D76ABFDD07104429E1228A144EF0318778B1689 "点击放大")

**测试报告**

测试完成后，自动生成测试报告。报告包含任务信息、测试结果、问题统计、检测规则。

任务信息中，可查看当前应用信息、任务执行时长，及详细的环境参数（配置信息及环境信息），支持导出html的报告文件。

测试概览中，包含测试总览、检测机型、结果统计及多设备对比，可直观查看本次任务中，测试项检测结果。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/60/v3/FkNdLj5DSTmaqhiZhwbO8w/zh-cn_image_0000002591608282.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=364F774B7CB92384507C76718F669FB4A86EE76B7D765ACB2B89BC9D9E25C2E2)

**测试总览信息解读：**

**问题详情****：**累计问题数

**视觉风格：**累计视觉风格问题数

**系统特性适配：**累计动效问题数

**界面布局****：**累计界面布局问题数

检测机型页面包含被测设备的基础信息、问题汇总和问题详情等信息。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/a8/v3/bzowpMz9TjeIKITPMP2bbg/zh-cn_image_0000002625490273.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=EB240E5BAABC424D3D4332F8CBFA7DC142884D6BB0C168B706C362ABECA15F8D "点击放大")

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/c1/v3/PHC8Zb4-ThWT-GATX4YYxQ/zh-cn_image_0000002595211044.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=D6D7F04320FF0657624913F54EFD3E77971C1529899A146E9B0D4825D38C083B "点击放大")

检测不通过或检测异常的规则项，点击查看详情即可查看异常问题详情，包含检测项概览、测试截图、问题列表、详细的问题描述、问题等级和修复指南等信息。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/2e/v3/BOlhZui5TWSoioncUojH5A/zh-cn_image_0000002625491291.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=10D740F8CAB0D18EAAC19A3C7D4BD7E521D609F38D5052C8200AA8B2CD861FD7 "点击放大")

多设备对比页用于展示同一页面在不同设备上的布局效果。当页面检测未通过时，图片下方将显示当前页面的问题详情。同时运行三个及以上设备时，即使某个设备未能匹配上，也会正常展示该页面数据，未匹配上设备显示为空白。

可根据问题描述针对性优化应用UX问题，参考资料：[UX体验标准](https://developer.huawei.com/consumer/cn/doc/design-guides/ux-guidelines-general-0000001760708152)。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/b9/v3/VdAI2WyRS1eXvbpFgDsJCA/note_3.0-zh-cn.png?HW-CC-KV=V1&HW-CC-Date=20260709T132836Z&HW-CC-Expire=86400&HW-CC-Sign=CE9DD133A7E53D0686A5EB7217FE67F040838778EB902E8FBF43EA861A2B2DEF)

更多测试服务详情，请前往DevEco Testing客户端->测试服务->UX测试->多设备布局对比测试->任务创建页->测试指南中查询。