CN115658525A - 用户界面的校验方法、装置、存储介质及计算机设备 - Google Patents

Abstract

本发明公开了一种用户界面的校验方法、装置、存储介质及计算机设备，涉及信息及数字医疗技术领域，主要在于能够提高用户界面的校验效率和校验精度。其中方法包括：获取目标校验节点对应的待校验用户界面中各个元素对应的属性数据，以及获取与所述目标校验节点对应的标准用户界面中各个标准元素对应的标准属性数据；基于所述各个元素对应的第一特征向量，以及确定所述各个标准元素对应的第二特征向量，将所述各个元素与所述各个标准元素进行匹配，得到与所述各个元素相匹配的标准元素；将各个元素对应的属性数据和与其相匹配的标准元素对应的标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果。本发明适用于对用户界面进行校验。

Description

用户界面的校验方法、装置、存储介质及计算机设备

技术领域

本发明涉及信息技术领域，尤其是涉及一种用户界面的校验方法、装置、存储介质及计算机设备。

背景技术

随着移动互联网的快速发展，如何快速吸引用户眼球、提升视觉舒适度，成为品牌发展的重要因素，一套好的UI(用户界面)视觉效果也会提升APP(应用程序)的用户体验。在整个APP开发到上线阶段，UI校验作为其中一个非常重要的环节，如何高效、规范的进行UI校验也成为了开发和视觉团队关注的焦点。

目前，通常通过人工对用户界面进行校验。然而，这种方式需要技术人员利用取色器、标尺等工具测量各个控件的尺寸等数据，导致用户界面的校验效率较低，与此同时，由于技术人员技术水平的参差不齐，或者由于技术人员的疏忽，会导致尺寸等数据测量错误，从而导致用户界面的校验精度较低。

发明内容

本发明提供了一种用户界面的校验方法、装置、存储介质及计算机设备，主要在于能够提高用户界面的校验效率和校验精度。

获取目标校验节点对应的待校验用户界面中各个元素对应的属性数据，以及获取与所述目标校验节点对应的标准用户界面中各个标准元素对应的标准属性数据；

确定所述各个元素对应的第一特征向量，以及确定所述各个标准元素对应的第二特征向量；

基于各个第一特征向量和各个第二特征向量，将所述各个元素与所述各个标准元素进行匹配，得到与所述各个元素相匹配的标准元素；

将各个元素对应的属性数据和与其相匹配的标准元素对应的标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果。

根据本发明的第一个方面，提供一种用户界面的校验方法，包括：

获取单元，用于获取目标校验节点对应的待校验用户界面中各个元素对应的属性数据，以及获取与所述目标校验节点对应的标准用户界面中各个标准元素对应的标准属性数据；

确定单元，用于确定所述各个元素对应的第一特征向量，以及确定所述各个标准元素对应的第二特征向量；

匹配单元，用于基于各个第一特征向量和各个第二特征向量，将所述各个元素与所述各个标准元素进行匹配，得到与所述各个元素相匹配的标准元素；

对比分析单元，用于将各个元素对应的属性数据和与其相匹配的标准元素对应的标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果。

根据本发明的第二个方面，提供一种用户界面的校验装置，包括：

获取目标校验节点对应的待校验用户界面中各个元素对应的属性数据，以及获取与所述目标校验节点对应的标准用户界面中各个标准元素对应的标准属性数据；

确定所述各个元素对应的第一特征向量，以及确定所述各个标准元素对应的第二特征向量；

基于各个第一特征向量和各个第二特征向量，将所述各个元素与所述各个标准元素进行匹配，得到与所述各个元素相匹配的标准元素；

将各个元素对应的属性数据和与其相匹配的标准元素对应的标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果。

根据本发明的第三个方面，提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现以下步骤：

获取目标校验节点对应的待校验用户界面中各个元素对应的属性数据，以及获取与所述目标校验节点对应的标准用户界面中各个标准元素对应的标准属性数据；

确定所述各个元素对应的第一特征向量，以及确定所述各个标准元素对应的第二特征向量；

基于各个第一特征向量和各个第二特征向量，将所述各个元素与所述各个标准元素进行匹配，得到与所述各个元素相匹配的标准元素；

将各个元素对应的属性数据和与其相匹配的标准元素对应的标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果。

根据本发明的第四个方面，提供一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现以下步骤：

获取目标校验节点对应的待校验用户界面中各个元素对应的属性数据，以及获取与所述目标校验节点对应的标准用户界面中各个标准元素对应的标准属性数据；

确定所述各个元素对应的第一特征向量，以及确定所述各个标准元素对应的第二特征向量；

基于各个第一特征向量和各个第二特征向量，将所述各个元素与所述各个标准元素进行匹配，得到与所述各个元素相匹配的标准元素；

将各个元素对应的属性数据和与其相匹配的标准元素对应的标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果。

根据本发明提供的一种用户界面的校验方法、装置、存储介质及计算机设备，与目前通过人工对用户界面进行校验的方式相比，本发明通过获取目标校验节点对应的待校验用户界面中各个元素对应的属性数据，以及获取与所述目标校验节点对应的标准用户界面中各个标准元素对应的标准属性数据；并确定所述各个元素对应的第一特征向量，以及确定所述各个标准元素对应的第二特征向量；之后基于各个第一特征向量和各个第二特征向量，将所述各个元素与所述各个标准元素进行匹配，得到与所述各个元素相匹配的标准元素；最终将各个元素对应的属性数据和与其相匹配的标准元素对应的标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果，由此通过获取待校验用户界面中各个元素对应的属性数据，以及获取标准用户界面中各个标准元素对应的标准属性数据，并在各个标准元素中确定与各个元素相匹配的标准元素，最终将各个元素对应的属性数据和与其相匹配的标准元素对应的相应标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果，提高了用户界面的校验效率，与此同时，避免了由于技术人员技术水平的参差不齐，或者由于技术人员的疏忽，导致用户界面校验错误的情况，从而提高了用户界面的校验精度。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1示出了本发明实施例提供的一种用户界面的校验方法流程图；

图2示出了本发明实施例提供的另一种用户界面的校验方法流程图；

图3示出了本发明实施例提供的一种用户界面的校验装置的结构示意图；

图4示出了本发明实施例提供的另一种用户界面的校验装置的结构示意图；

图5示出了本发明实施例提供的一种计算机设备的实体结构示意图。

具体实施方式

下文中将参考附图并结合实施例来详细说明本发明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

目前，通过人工对用户界面进行校验的方式，导致用户界面的校验效率较低，与此同时，由于技术人员技术水平的参差不齐，会导致用户界面校验错误的情况。

为了解决上述问题，本发明实施例提供了一种用户界面的校验方法，如图1所示，所述方法包括：

101、获取目标校验节点对应的待校验用户界面中各个元素对应的属性数据，以及获取与所述目标校验节点对应的标准用户界面中各个标准元素对应的标准属性数据。

其中，目标校验节点可根据实际需求预先设定，如需要校验医保信息管理程序某一功能的展示效果，进而设定相应的目标校验节点。待校验用户界面可为目标应用程序中与该目标校验节点对应的开发效果图。标准用户界面为该目标应用程序中与该目标校验节点对应的规范视觉图，所述规范视觉图可由UI设计师进行配置，即配置该目标校验节点需要达到的UI最终视觉规范效果图。所述各个元素包括待校验用户界面中的文字、图案、按钮等。所述属性数据包括各个元素对应的尺寸数据、形状数据、颜色数据、相邻两个元素之间的间距数据、阴影形状和颜色、文字尺寸数据等。

对于本发明实施例，为了克服现有技术中用户界面的校验效率较低和校验精度较低的问题，本发明实施例通过获取待校验用户界面中各个元素对应的属性数据，以及获取标准用户界面中各个标准元素对应的标准属性数据，并在各个标准元素中确定与各个元素相匹配的标准元素，最终将各个元素对应的属性数据和与其相匹配的标准元素对应的相应标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果，提高了用户界面的校验效率，与此同时，避免了由于技术人员技术水平的参差不齐，或者由于技术人员的疏忽，导致用户界面校验错误的情况，从而提高了用户界面的校验精度。本发明实施例主要应用于对用户界面进行校验的场景，本发明实施例的执行主体为能够对用户界面进行校验的装置或者设备，具体可以设置在客户端或者服务器一侧。

具体地，将验收SDK嵌入至目标应用程序中，将预先截图得到的标准用户界面上传至所述SDK中，之后，基于所述目标应用程序对应的目标校验节点，打开该目标校验节点对应的页面，利用SDK自动对所述页面进行截图，得到所述目标校验节点对应的待校验用户界面，之后识别待校验用户界面中包含的各个元素，即各个控件，并为识别出的各个控件绘制最小外接矩形，之后调用控件的API来测量矩形框中各个元素对应的属性数据，并按照此方法测量标准用户界面中各个标准元素对应的标准属性数据，例如，可通过图像识别算法识别该待校验用户界面中的各个元素，然后根据这些元素各自包含的像素点信息，如像素点颜色值、像素点覆盖区域大小等，识别这些元素的属性数据，如各个元素的颜色、形状尺寸、元素间距、透明度、背景色等数据，同理，可通过图像识别算法识别该标准用户界面中的各个标准元素，然后根据这些标准元素各自包含的像素点信息，识别这些标准元素的属性数据，最终将待校验用户界面中各个元素对应的属性数据与相应的标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果，从而提高了用户界面的校验效率，避免了不同的UI设计师对产品的标准不一致，会导致APP各个节点之间的视觉体验差异较大。

102、确定所述各个元素对应的第一特征向量，以及确定所述各个标准元素对应的第二特征向量。

其中，待校验用户界面中的任意一个元素都有其对应的标准元素。

对于本发明实施例，在确定所述待校验用户界面中的各个元素，以及标准用户界面中的各个标准元素后，确定所述各个元素对应的像素值，以及确定所述各个标准元素对应的标准像素值，之后基于所述像素值，确定所述各个元素对应的第一特征向量，与此同时，基于所述标准像素值，确定所述各个标准元素对应的第二特征向量，最终基于所述第一特征向量和所述第二特征向量，在各个标准元素中确定与各个元素相匹配的标准元素，并将各个元素与其想匹配的标准元素进行对比分析，得到所述待校验用户界面对应的校验结果，能够避免由于技术人员技术水平的参差不齐，或者由于技术人员的疏忽，导致用户界面校验错误的情况，从而提高了用户界面的校验精度。

103、基于各个第一特征向量和各个第二特征向量，将所述各个元素与所述各个标准元素进行匹配，得到与所述各个元素相匹配的标准元素。

对于本发明实施例，在确定所述各个元素对应的第一特征向量和各个标准元素对应的第二特征向量后，基于所述第一特征向量和所述第二特征向量，计算各个元素与各个标准元素之间的相似度，并在各个元素中的任意一个元素对应的各个相似度中，确定最大相似度，并将所述最大相似度对应的标准元素确定为与该任意一个元素相匹配的标准元素，由此能够确定与各个元素相匹配的标准元素，之后将各个元素与其相匹配的标准元素进行对比分析，得到所述待校验用户界面对应的校验结果，避免了人工利用取色器、标尺等工具对用户界面中各个元素对应的属性进行测量的过程，节省了技术人员的时间，同时提高了用户界面的校验效率。

104、将各个元素对应的属性数据和与其相匹配的标准元素对应的标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果。

对于本发明实施例，在确定与各个元素相匹配的标准元素后，将各个元素对应的属性数据和与其相匹配的标准元素对应的相应标准属性数据进行对比，确定各个元素对应的属性数据与其对应的标准属性数据之间是否存在差异，若存在差异，则确定所述待校验用户界面对应的校验结果为未通过，若不存在差异，则确定所述待校验用户界面对应的校验结果为校验通过。由此通过获取待校验用户界面中各个元素对应的属性数据，以及获取标准用户界面中各个标准元素对应的标准属性数据，并在各个标准元素中确定与各个元素相匹配的标准元素，最终将各个元素对应的属性数据和与其相匹配的标准元素对应的相应标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果，提高了用户界面的校验效率，与此同时，避免了由于技术人员技术水平的参差不齐，或者由于技术人员的疏忽，导致用户界面校验错误的情况，从而提高了用户界面的校验精度。

根据本发明提供的一种用户界面的校验方法，与目前通过人工对用户界面进行校验的方式相比，本发明通过获取目标校验节点对应的待校验用户界面中各个元素对应的属性数据，以及获取与所述目标校验节点对应的标准用户界面中各个标准元素对应的标准属性数据；并确定所述各个元素对应的第一特征向量，以及确定所述各个标准元素对应的第二特征向量；之后基于各个第一特征向量和各个第二特征向量，将所述各个元素与所述各个标准元素进行匹配，得到与所述各个元素相匹配的标准元素；最终将各个元素对应的属性数据和与其相匹配的标准元素对应的标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果，由此通过获取待校验用户界面中各个元素对应的属性数据，以及获取标准用户界面中各个标准元素对应的标准属性数据，并在各个标准元素中确定与各个元素相匹配的标准元素，最终将各个元素对应的属性数据和与其相匹配的标准元素对应的相应标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果，提高了用户界面的校验效率，与此同时，避免了由于技术人员技术水平的参差不齐，或者由于技术人员的疏忽，导致用户界面校验错误的情况，从而提高了用户界面的校验精度。

进一步的，为了更好的说明上述对用户界面进行校验的过程，作为对上述实施例的细化和扩展，本发明实施例提供了另一种用户界面的校验方法，如图2所示，所述方法包括：

201、获取目标校验节点对应的待校验用户界面中各个元素对应的属性数据，以及获取与所述目标校验节点对应的标准用户界面中各个标准元素对应的标准属性数据。

对于本发明实施例，为了对待校验用户界面进行校验，首先需要获取待校验用户界面，基于此，所述方法包括：响应于针对所述目标校验节点对应的页面的截屏操作，获取所述页面中的待校验用户界面，以及响应于针对所述目标校验节点对应的标准页面的截屏操作，获取所述标准页面中的标准用户界面；清除所述待校验用户界面中的冗余视图，得到处理后的待校验用户界面，以及清除所述标准用户界面中的冗余视图，得到处理后的标准用户界面。

具体地，利用SDK软件对所述目标校验节点对应的页面进行截屏，得到待校验用户界面，同时，对目标校验节点对应的标准页面进行截屏，得到所述标准用户界面，之后，去除待校验用户界面和标准用户界面中的冗余视图，并对待校验用户界面中的图标图层进行合并，与此同时对标准用户界面中的图标图层进行合并，并将待校验用户界面中的字体与标准用户界面中的字体进行统一，以此清除与用户界面校验无关的因素，得到处理后的待校验用户界面和处理后的标准用户界面。

进一步地，确定处理后的待校验用户界面中包含的各个元素，并确定该各个元素对应的属性数据，与此同时，确定处理后的标准用户界面中包含的各个标准元素，并确定该各个标准元素对应的标准属性数据，最终将各个元素对应的属性数据与其对应的标准属性数据进行对比，并根据对比结果，确定所述待校验用户界面对应的校验结果。

202、确定所述各个元素对应的第一特征向量，以及确定所述各个标准元素对应的第二特征向量。

对于本发明实施例，在确定待校验用户界面中包含的各个元素，以及确定所述标准用户界面中包含的各个标准元素后，为了确定待校验用户界面对应的校验结果，首先需要确定各个元素对应的第一特征向量，以及各个标准元素对应的第二特征向量，基于此，步骤202包括：确定所述各个元素对应的第一像素矩阵，以及确定所述各个标准元素对应的第二像素矩阵；将所述第一像素矩阵中的各行像素进行横向拼接，得到所述各个元素对应的第一特征向量；将所述第二像素矩阵中的各行像素进行横向拼接，得到所述各个标准元素对应的第二特征向量。

具体地，将各个元素转换成为第一像素矩阵，若所述各个元素为彩色控件图像，则将所述彩色控件图像转换为a×b×c的RGB的第一像素矩阵，其中，a为矩阵的长，b为矩阵的宽，c为矩阵的通道数，所述第一像素矩阵中每个位置处的像素值为0-255之间的数值，为了减轻计算量，需要将各个像素值均除以255，即对所述第一像素矩阵进行归一化处理，使各个像素值的大小均在0-1之间，以此能够得到各个元素对应的归一化后的第一像素矩阵，之后将各个第一像素矩阵中各行像素利用reshape函数进行横向拼接，得到所述各个元素对应的第一特征向量，例如，若第一像素矩阵的维度是P×P×C，其中，C代表各个元素对应的像素矩阵的通道数，则利用reshape函数将维度为P×P×C的矩阵转换成为维度是P2 C的向量，利用此方法可以得到各个元素对应的第一特征向量，同理，将各个标准元素转换成为第二像素矩阵，并将第二像素矩阵中的各个像素值均除以255，得到各个标准元素对应的归一化后的第二像素矩阵，并基于所述归一化后的第二像素矩阵，确定所述各个标准元素对应的第二特征向量。

203、基于所述各个第一特征向量和所述各个第二特征向量，计算所述各个元素分别与所述各个标准元素之间的余弦相似度。

对于本发明实施例，在确定所述各个元素对应的第一特征向量和所述各个标准元素对应的第二特征向量后，为了确定与各个元素相匹配的标准元素，首先需要计算各个元素与各个标准元素之间的余弦相似度，具体计算公式如下：

其中，所述cos(θ)表示待校验用户界面中的任意一个元素与标准用户界面中任意一个标准元素之间的余弦相似度，xi表示各个元素中任意一个元素对应的第一特征向量，yi表示各个标准元素中任意一个标准元素对应的第二特征向量，n表示第一特征向量中的向量数量，按照此公式能够计算出各个元素与各个标准元素之间的余弦相似度，之后基于各个相似度，确定与各个元素相匹配的标准元素，最终将各个元素对应的属性数据与其对应的标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果。

204、在所述各个元素中的任意一个元素对应的各个余弦相似度中，确定最大余弦相似度，并将所述最大余弦相似度对应的标准元素确定为与所述任意一个元素相匹配的标准元素。

对于本发明实施例，在计算余弦相似度时，是计算各个元素分别与各个标准元素之间的余弦相似度，例如，各个元素包括元素A和元素B，各个标准元素包括标准元素1和标准元素2，则需要分别计算元素A与标准元素1和标准元素2之间的余弦相似度，与此同时，还要计算元素B与标准元素1和标准元素2之间的余弦相似度，之后在元素A与标准元素1和标准元素2之间的余弦相似度中确定最大余弦相似度，若元素A与标准元素2之间的相似度最大，则确定元素A与标准元素2相匹配，与此同时，在元素B与标准元素1和标准元素2之间的余弦相似度中确定最大余弦相似度，若元素B与标准元素1之间的相似度最大，则确定元素B与标准元素1相匹配，最终将元素A与标准元素2进行差异比较，以及将元素B与标准元素1进行差异比较，最终根据比较结果，确定所述待校验用户界面对应的校验结果。

205、将各个元素对应的属性数据和与其相匹配的标准元素对应的标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果。

对于本发明实施例，在确定与各个元素项相匹配的标准元素后，为了确定待校验用户界面对应的校验结果，需要将各个元素对应的属性数据与其对应的标准属性数据进行差异对比，基于此，步骤205包括：将各个元素对应的尺寸数据、颜色数据、空间位置数据、背景颜色数据、类型数据、与相邻元素之间的间距数据与各个元素相匹配的标准元素对应的相应标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果。

具体地，分别将各个元素对应的尺寸数据与其对应的标准尺寸数据进行对比，以及将各个元素对应的颜色数据、空间位置坐标、背景颜色数据、类型数据、与相邻元素之间的间距数据与其对应的标准数据数据进行对比，得到对比结果，最终根据对比结果，确定待校验用户界面对应的校验结果，基于此，所述方法包括：判断所述各个元素对应的尺寸数据、颜色数据、空间位置数据、背景颜色数据、类型数据、与相邻元素之间的间距数据是否与各个元素相匹配的标准元素对应的相应标准属性数据相同；若所述尺寸数据、颜色数据、空间位置数据、背景颜色数据、类型数据、与相邻元素之间的间距数据与相应标准属性数据均相同，则确定所述待校验用户界面对应的校验结果为校验通过；若所述尺寸数据、颜色数据、空间位置数据、背景颜色数据、类型数据、与相邻元素之间的间距数据中任意一项属性数据与相应标准属性数据不同，则确定所述待校验用户界面对应的校验结果为校验未通过。

具体地，判断各个元素对应的尺寸数据，如各个元素对应的长、宽、高是否与其对应的标准属性数据相同，与此同时，判断所述各个元素对应的颜色数据、空间位置数据、背景颜色数据、类型数据、与相邻元素之间的间距数据是否与其对应的标准属性数据相同，若各个元素对应的属性数据与其对应的标准属性数据均相同，则确定所述待校验用户界面通过校验，若各个元素对应的属性数据中的任意一个属性数据与其对应的标准属性数据不相同，则确定所述待校验用户界面未通过校验。

进一步地，在确定所述待校验用户界面对应的校验结果后，为了方便开发人员了解校验信息，需要针对校验结果，生成所述待校验用户界面对应的校验报告，基于此，所述方法包括：基于所述待校验用户界面对应的校验结果，生成所述待校验用户界面对应的校验报告；调用预设通讯工具接口，将所述校验报告发送至开发人员终端，以便开发人员终端的开发人员基于所述校验报告，对所述待校验用户界面中的各个元素进行修正。

其中，预设通讯工具包括微信、QQ、手机短信、邮件等。

具体地，基于所述待校验用户界面对应的校验结果，可以一键生成所述待校验用户界面对应的校验报告，所述校验报告为多维度可追踪的校验报告，若所述待校验用户界面对应的校验结果为校验未通过，则所述校验报告中会记录校验未通过的原因，例如，待校验用户界面中的元素1对应的尺寸与其对应的标准尺寸不相同，和/或待校验用户界面中的元素2对应的背景颜色与其对应的标准背景颜色不相同，与此同时，所述校验报告中还会记录元素1对应的标准尺寸数据，以及元素2对应的标准背景颜色，以供开发人员对待校验用户界面进行修正使用，与此同时，所述校验报告中还标注着各个元素对应的优先级，开发人员可以按照所述优先级顺序对各个元素进行修正。

进一步地，在生成所述待校验用户界面对应的校验报告后，将所述校验报告通过邮件等通讯工具发送给开发人员，开发人员接收所述校验报告后，若待校验用户界面未通过校验，则基于所述校验报告中记录的内容，对相应元素进行修正，若待校验用户界面通过校验，则可以对该待校验用户界面进行发布。

根据本发明提供的另一种用户界面的校验方法，与目前通过人工对用户界面进行校验的方式相比，本发明通过获取目标校验节点对应的待校验用户界面中各个元素对应的属性数据，以及获取与所述目标校验节点对应的标准用户界面中各个标准元素对应的标准属性数据；并确定所述各个元素对应的第一特征向量，以及确定所述各个标准元素对应的第二特征向量；之后基于各个第一特征向量和各个第二特征向量，将所述各个元素与所述各个标准元素进行匹配，得到与所述各个元素相匹配的标准元素；最终将各个元素对应的属性数据和与其相匹配的标准元素对应的标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果，由此通过获取待校验用户界面中各个元素对应的属性数据，以及获取标准用户界面中各个标准元素对应的标准属性数据，并在各个标准元素中确定与各个元素相匹配的标准元素，最终将各个元素对应的属性数据和与其相匹配的标准元素对应的相应标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果，提高了用户界面的校验效率，与此同时，避免了由于技术人员技术水平的参差不齐，或者由于技术人员的疏忽，导致用户界面校验错误的情况，从而提高了用户界面的校验精度。

进一步地，作为图1的具体实现，本发明实施例提供了一种用户界面的校验装置，如图3所示，所述装置包括：获取单元31、确定单元32、匹配单元33和对比分析单元34。

所述获取单元31，可以用于获取目标校验节点对应的待校验用户界面中各个元素对应的属性数据，以及获取与所述目标校验节点对应的标准用户界面中各个标准元素对应的标准属性数据。

所述确定单元32，可以用于确定所述各个元素对应的第一特征向量，以及确定所述各个标准元素对应的第二特征向量。

所述匹配单元33，可以用于基于各个第一特征向量和各个第二特征向量，将所述各个元素与所述各个标准元素进行匹配，得到与所述各个元素相匹配的标准元素。

所述对比分析单元34，可以用于将各个元素对应的属性数据和与其相匹配的标准元素对应的标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果。

在具体应用场景中，为了确定所述各个元素对应的第一特征向量，以及确定所述各个标准元素对应的第二特征向量，如图4所示，所述确定单元32，包括第一确定模块321和拼接模块322。

所述第一确定模块321，可以用于确定所述各个元素对应的第一像素矩阵，以及确定所述各个标准元素对应的第二像素矩阵。

所述拼接模块322，可以用于将所述第一像素矩阵中的各行像素进行横向拼接，得到所述各个元素对应的第一特征向量。

所述拼接模块322，还可以用于将所述第二像素矩阵中的各行像素进行横向拼接，得到所述各个标准元素对应的第二特征向量。

在具体应用场景中，为了将所述各个元素与所述各个标准元素进行匹配，所述匹配单元33，包括计算模块331和第二确定模块332。

所述计算模块331，可以用于基于所述各个第一特征向量和所述各个第二特征向量，计算所述各个元素分别与所述各个标准元素之间的余弦相似度。

所述第二确定模块332，可以用于在所述各个元素中的任意一个元素对应的各个余弦相似度中，确定最大余弦相似度，并将所述最大余弦相似度对应的标准元素确定为与所述任意一个元素相匹配的标准元素。

在具体应用场景中，为了确定所述待校验用户界面对应的校验结果，所述对比分析单元34，具体可以用于将各个元素对应的尺寸数据、颜色数据、空间位置数据、背景颜色数据、类型数据、与相邻元素之间的间距数据与各个元素相匹配的标准元素对应的相应标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果。

在具体应用场景中，为了确定所述待校验用户界面对应的校验结果，所述对比分析单元34，包括判断模块341和第三确定模块342。

所述判断模块341，可以用于判断所述各个元素对应的尺寸数据、颜色数据、空间位置数据、背景颜色数据、类型数据、与相邻元素之间的间距数据是否与各个元素相匹配的标准元素对应的相应标准属性数据相同。

所述第三确定模块342，可以用于若所述尺寸数据、颜色数据、空间位置数据、背景颜色数据、类型数据、与相邻元素之间的间距数据与相应标准属性数据均相同，则确定所述待校验用户界面对应的校验结果为校验通过。

所述第三确定模块342，还可以用于若所述尺寸数据、颜色数据、空间位置数据、背景颜色数据、类型数据、与相邻元素之间的间距数据中任意一项属性数据与相应标准属性数据不同，则确定所述待校验用户界面对应的校验结果为校验未通过。

在具体应用场景中，为了对所述待校验用户界面和所述标准用户界面进行处理，所述装置还包括，截屏单元35和清除单元36。

所述截屏单元35，可以用于响应于针对所述目标校验节点对应的页面的截屏操作，获取所述页面对应的待校验用户界面，以及响应于针对所述目标校验节点对应的标准页面的截屏操作，获取所述标准页面对应的标准用户界面。

所述清除单元36，可以用于清除所述待校验用户界面中的冗余视图，得到处理后的待校验用户界面，以及清除所述标准用户界面中的冗余视图，得到处理后的标准用户界面。

在具体应用场景中，为了生成所述待校验用户界面对应的校验报告，所述装置还包括：生成单元37和发送单元38。

所述生成单元37，可以用于基于所述待校验用户界面对应的校验结果，生成所述待校验用户界面对应的校验报告。

所述发送单元38，可以用于调用预设通讯工具接口，将所述校验报告发送至开发人员终端，以便开发人员终端的开发人员基于所述校验报告，对所述待校验用户界面中的各个元素进行修正。

需要说明的是，本发明实施例提供的一种用户界面的校验装置所涉及各功能模块的其他相应描述，可以参考图1所示方法的对应描述，在此不再赘述。

基于上述如图1所示方法，相应的，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现以下步骤：获取目标校验节点对应的待校验用户界面中各个元素对应的属性数据，以及获取与所述目标校验节点对应的标准用户界面中各个标准元素对应的标准属性数据；确定所述各个元素对应的第一特征向量，以及确定所述各个标准元素对应的第二特征向量；基于各个第一特征向量和各个第二特征向量，将所述各个元素与所述各个标准元素进行匹配，得到与所述各个元素相匹配的标准元素；将各个元素对应的属性数据和与其相匹配的标准元素对应的标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果。

基于上述如图1所示方法和如图3所示装置的实施例，本发明实施例还提供了一种计算机设备的实体结构图，如图5所示，该计算机设备包括：处理器41、存储器42、及存储在存储器42上并可在处理器上运行的计算机程序，其中存储器42和处理器41均设置在总线43上所述处理器41执行所述程序时实现以下步骤：获取目标校验节点对应的待校验用户界面中各个元素对应的属性数据，以及获取与所述目标校验节点对应的标准用户界面中各个标准元素对应的标准属性数据；确定所述各个元素对应的第一特征向量，以及确定所述各个标准元素对应的第二特征向量；基于各个第一特征向量和各个第二特征向量，将所述各个元素与所述各个标准元素进行匹配，得到与所述各个元素相匹配的标准元素；将各个元素对应的属性数据和与其相匹配的标准元素对应的标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果。

通过本发明的技术方案，本发明通过获取目标校验节点对应的待校验用户界面中各个元素对应的属性数据，以及获取与所述目标校验节点对应的标准用户界面中各个标准元素对应的标准属性数据；并确定所述各个元素对应的第一特征向量，以及确定所述各个标准元素对应的第二特征向量；之后基于各个第一特征向量和各个第二特征向量，将所述各个元素与所述各个标准元素进行匹配，得到与所述各个元素相匹配的标准元素；最终将各个元素对应的属性数据和与其相匹配的标准元素对应的标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果，由此通过获取待校验用户界面中各个元素对应的属性数据，以及获取标准用户界面中各个标准元素对应的标准属性数据，并在各个标准元素中确定与各个元素相匹配的标准元素，最终将各个元素对应的属性数据和与其相匹配的标准元素对应的相应标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果，提高了用户界面的校验效率，与此同时，避免了由于技术人员技术水平的参差不齐，或者由于技术人员的疏忽，导致用户界面校验错误的情况，从而提高了用户界面的校验精度。

显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，并且在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包括在本发明的保护范围之内。

Claims (10)

1.一种用户界面的校验方法，其特征在于，包括：

获取目标校验节点对应的待校验用户界面中各个元素对应的属性数据，以及获取与所述目标校验节点对应的标准用户界面中各个标准元素对应的标准属性数据；

确定所述各个元素对应的第一特征向量，以及确定所述各个标准元素对应的第二特征向量；

基于各个第一特征向量和各个第二特征向量，将所述各个元素与所述各个标准元素进行匹配，得到与所述各个元素相匹配的标准元素；

将各个元素对应的属性数据和与其相匹配的标准元素对应的标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果。

2.根据权利要求1所述的方法，其特征在于，所述确定所述各个元素对应的第一特征向量，以及确定所述各个标准元素对应的第二特征向量，包括：

确定所述各个元素对应的第一像素矩阵，以及确定所述各个标准元素对应的第二像素矩阵；

将所述第一像素矩阵中的各行像素进行横向拼接，得到所述各个元素对应的第一特征向量；

将所述第二像素矩阵中的各行像素进行横向拼接，得到所述各个标准元素对应的第二特征向量。

3.根据权利要求1所述的方法，其特征在于，所述基于各个第一特征向量和各个第二特征向量，将所述各个元素与所述各个标准元素进行匹配，得到与所述各个元素相匹配的标准元素，包括：

基于所述各个第一特征向量和所述各个第二特征向量，计算所述各个元素分别与所述各个标准元素之间的余弦相似度；

在所述各个元素中的任意一个元素对应的各个余弦相似度中，确定最大余弦相似度，并将所述最大余弦相似度对应的标准元素确定为与所述任意一个元素相匹配的标准元素。

4.根据权利要求1所述的方法，其特征在于，所述将各个元素对应的属性数据和与其相匹配的标准元素对应的标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果，包括：

将各个元素对应的尺寸数据、颜色数据、空间位置数据、背景颜色数据、类型数据、与相邻元素之间的间距数据与各个元素相匹配的标准元素对应的相应标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果。

5.根据权利要求4所述的方法，其特征在于，所述将各个元素对应的尺寸数据、颜色数据、空间位置数据、背景颜色数据、类型数据、与相邻元素之间的间距数据与各个元素相匹配的标准元素对应的相应标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果，包括：

判断所述各个元素对应的尺寸数据、颜色数据、空间位置数据、背景颜色数据、类型数据、与相邻元素之间的间距数据是否与各个元素相匹配的标准元素对应的相应标准属性数据相同；

若所述尺寸数据、颜色数据、空间位置数据、背景颜色数据、类型数据、与相邻元素之间的间距数据与相应标准属性数据均相同，则确定所述待校验用户界面对应的校验结果为校验通过；

若所述尺寸数据、颜色数据、空间位置数据、背景颜色数据、类型数据、与相邻元素之间的间距数据中任意一项属性数据与相应标准属性数据不同，则确定所述待校验用户界面对应的校验结果为校验未通过。

6.根据权利要求1所述的方法，其特征在于，在所述获取目标校验节点对应的待校验用户界面中各个元素对应的属性数据之前，所述方法还包括：

响应于针对所述目标校验节点对应的页面的截屏操作，获取所述页面对应的待校验用户界面，以及响应于针对所述目标校验节点对应的标准页面的截屏操作，获取所述标准页面对应的标准用户界面；

清除所述待校验用户界面中的冗余视图，得到处理后的待校验用户界面，以及清除所述标准用户界面中的冗余视图，得到处理后的标准用户界面；

所述获取目标校验节点对应的待校验用户界面中各个元素对应的属性数据，以及获取与所述目标校验节点对应的标准用户界面中各个标准元素对应的标准属性数据，包括：

获取目标校验节点对应的处理后的待校验用户界面中各个元素对应的属性数据，以及获取与所述目标校验节点对应的处理后的标准用户界面中各个标准元素对应的标准属性数据。

7.根据权利要求1所述的方法，其特征在于，在所述将各个元素对应的属性数据和与其相匹配的标准元素对应的标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果之后，所述方法还包括：

基于所述待校验用户界面对应的校验结果，生成所述待校验用户界面对应的校验报告；

调用预设通讯工具接口，将所述校验报告发送至开发人员终端，以便开发人员终端的开发人员基于所述校验报告，对所述待校验用户界面中的各个元素进行修正。

8.一种用户界面的校验装置，其特征在于，包括：

获取单元，用于获取目标校验节点对应的待校验用户界面中各个元素对应的属性数据，以及获取与所述目标校验节点对应的标准用户界面中各个标准元素对应的标准属性数据；

确定单元，用于确定所述各个元素对应的第一特征向量，以及确定所述各个标准元素对应的第二特征向量；

匹配单元，用于基于各个第一特征向量和各个第二特征向量，将所述各个元素与所述各个标准元素进行匹配，得到与所述各个元素相匹配的标准元素；

对比分析单元，用于将各个元素对应的属性数据和与其相匹配的标准元素对应的标准属性数据进行对比分析，得到所述待校验用户界面对应的校验结果。

9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。

10.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。

Images