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，如图3.1。模拟器的SN通常为127.0.0.1:port的形式（port默认为5555，端口冲突则依次加2递增）。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/61/v3/GVpPna4VTEaT1ieha056CQ/zh-cn_image_0000002622164203.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=BB67AD994B37A02EB9874219D4B3DE9768D1A7A311DFB21A6394F8874E70830F)

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

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/2f/v3/OMY6CfZKRCGOdWZi8Ze2kA/zh-cn_image_0000002591764530.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=C702F9E2AF6AB0B4FD4985DAEFFAB2D4514988155C37AD286F8FEAD3A6346731)

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

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/4/v3/y2sLdix6TWiy3w3DjzM1Tg/zh-cn_image_0000002622244071.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=9C9B8D3E4CECBCECBA74F68D48896E93739BDC9BDC94BEB71380C24921C33446)

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/1a/v3/ijWy5vr-RHa1W3IoCMduiA/caution_3.0-zh-cn.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=B80302A592CD8265F8A62C06C65BE0CC4E0CB922231FC963495474172F3EBE32)

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

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

**Windows**

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

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/5c/v3/jmgnm22XT2ieHtuhpr-xPQ/zh-cn_image_0000002591604610.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=412909EDC621236FDEF569D8D7DBA1937E91BAE53366EAB4CBC2758F7727E2AE "点击放大")

**Mac**

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

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/b1/v3/6osHpCtXTEq-CT_qR-Q2Gg/zh-cn_image_0000002622164207.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=E62390051E27E4967CE38774C77853754FF23381117B07B575D3B28393AD90A5 "点击放大")

**远程模拟器启动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/59/v3/eVc8n8PxQpa1LuGu_2_0zQ/zh-cn_image_0000002591764532.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=715DED0132826E83898E35D7FE02D5D0BA32C193CB4E6F9100EAA513FC57AD53 "点击放大")

若未配置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/43/v3/3t7DGGOmTtq6XejDaM4sQQ/zh-cn_image_0000002622244073.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=0A25903A84C3E8A8B2DB29D1CAEA20B62CEA1336C94EF7775B1FB094E8E98C12 "点击放大")

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

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/b5/v3/vdfcdj-8TMeEYngPadxEoA/zh-cn_image_0000002591604612.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=877DD502EEA305AE9295D744BE109EABF43D16EADC8738FDE205B343DD4E9BC7 "点击放大")

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/fc/v3/GuTm94uwQWCW8AS8OrzZDQ/caution_3.0-zh-cn.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=FB2ABEED5324FAFAE52172C2C6B5B14E7D5BF092797C031C2B5B9B74CE801378)

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

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/97/v3/slTsw1kdRdWF06n-qnA63g/zh-cn_image_0000002622164209.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=1DE3A8357A30A6DDF09923505557CAFD9E7EDB31A49C16C2DCD8CCC9817F8BF0)

DevEco Testing连接远程模拟器

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/13/v3/v0WBIi4FTIykSLugWmeuMQ/zh-cn_image_0000002622246733.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=3082F688100310EDCDDA8CF54740C615F5B1B7ADB8DA15C3C831AA4E2C0CD397)

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

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/b4/v3/SAB7ARiwQ3yJLSPXlyHLRQ/zh-cn_image_0000002622165989.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=C921049DC2C9E1573003BCE66D363832F5C4AB7CC373E577E7E6BEC6588EB26D "点击放大")

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

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

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

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/3c/v3/gUVVDvgPRZi1GkFmsCjKpw/zh-cn_image_0000002591766436.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=F952C0C54DB11276251EFCC3B1EAE29E3BF6851EFC5AD7F33D3AD7F2C203AE91 "点击放大")

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

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

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/ba/v3/BqH6bC6GS0ySrkBEx27iuA/note_3.0-zh-cn.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=A02D50A9DC5CF562075A8C881C98B409060DFED1CF9004DAC04E6CCF8DA54C0C)

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

**创建任务**

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

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/4a/v3/hQwOyESSQiSQl4CsWhLGNQ/zh-cn_image_0000002594784546.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=5F3E3027866795AE221133DEDC4674A9DA72378200DB265E9DB6BDC2AEACE1DA "点击放大")

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

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

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

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

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

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

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

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

**测试执行**

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/c2/v3/D9afftfXTdG8yOZadER2nw/zh-cn_image_0000002594944682.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=DB3AB50415BE8251469DC48DBB42DDDA30999691694C1512A007AD2B3BAAAD02 "点击放大")

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

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/c6/v3/cECDZooKQ3-aG6yZSe007Q/zh-cn_image_0000002594784798.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=5C67921E6310AC321E9C92CD4E29EE865E9A716C0DA6062004C2996BC7FDC500 "点击放大")

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

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/26/v3/mKnQq0QeRM2sY04pJTY43Q/zh-cn_image_0000002625384345.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=D3C28A3A7250635C1FBDF380575EA59B88907AA6E0AFB55A787A3838288F7ACA "点击放大")

**测试报告**

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

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

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/6e/v3/VmCXnO6lSryZUb37ybPBxw/zh-cn_image_0000002625304059.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=7956B3ABBEBA9577AA65B385E9AC0628B99A23368751C0E654650DBD72631F89 "点击放大")

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

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/c0/v3/3tZ-aUmyTUStnTVejceu5A/zh-cn_image_0000002591608282.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=73BDBFC548BB9CD9E5AE6BDCC69A3E33714F7A11BCDC24163F4E65041440E406)

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

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

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

**动效：**累计动效问题数

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

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

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/d5/v3/-_Y3zlU1Sou6v51fJS3liQ/zh-cn_image_0000002594784908.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=9E85F73BC7873917805F22F53E7831E488DFA59479DED3E3E03D5939C1ED05A0 "点击放大")

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/c1/v3/xjf_c5ylRDCXuwV1oPIA3g/zh-cn_image_0000002594947778.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=270047AA57E3E7E27B4CF95491518007EDA656EECC2509AE7895BDCD25EC08D2 "点击放大")

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

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/7e/v3/h2faFv66Q9eC2wSNv6TVFg/zh-cn_image_0000002594947466.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=5067033EE3A66910854A1349809AB7319EA9B87A2D02CF7BBAE3094965D4E2E8 "点击放大")

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

可根据问题描述针对性优化应用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/2a/v3/PdUcYlT_QQKd12FzkV4okA/note_3.0-zh-cn.png?HW-CC-KV=V1&HW-CC-Date=20260612T073828Z&HW-CC-Expire=86400&HW-CC-Sign=1A39AC20AB81048AECDA519EC3BD53709AD5FF06AE8191FF95132D5A9DC81811)

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