CN112667519B - 页面测试方法及装置、电子设备和计算机可读存储介质 - Google Patents

Abstract

本公开提出了一种页面测试方法及装置、电子设备和计算机可读存储介质，其中，该方法包括：在页面测试过程中，获取目标页面中待测图像的配置信息；在多种图像对比服务中选择与所述待测图像的配置信息相匹配的目标图像对比服务，其中，所述多个图像对比服务中的每个图像对比服务被设置有自身可支持配置信息；调用所述目标图像对比服务对比所述待测图像和所述待测图像对应的基准图像，得到图像对比结果。通过本公开的技术方案，提升了测试结果的准确性。

Description

页面测试方法及装置、电子设备和计算机可读存储介质

【技术领域】

本公开涉及测试技术领域，尤其涉及一种页面测试方法及装置、电子设备和计算机可读存储介质。

【背景技术】

测试过程中一般需要确定页面渲染效果，具体地，可先在对比设备上截取一张符合预期的图像上传为基准图像，测试时再在测试设备上截取测试图像去跟基准图像进行对比，如果两个图像的差异足够小，判断页面渲染效果符合预期，如果两个图像不一致，判断页面渲染效果不符合预期，需要进行页面渲染效果校准。

然而，不同的设备由于其自身局限性，所得截图的大小和形状等特性有所不同，在测试设备与对比设备型号不同的情况下，两者截取的图像本身差异就很大，对比所得的差异并不能准确体现设备自身的页面渲染效果。

因此，如何准确提升页面渲染效果测试的有效性，成为目前亟待解决的技术问题。

【发明内容】

本公开实施例提供了一种页面测试方法及装置、电子设备和计算机可读存储介质，旨在解决相关技术中页面渲染效果测试结果不准确的技术问题。

第一方面，本公开实施例提供了一种页面测试方法，包括：在页面测试过程中，获取目标页面中待测图像的配置信息，所述待测图像的配置信息包括所述待测图像所处当前设备的屏幕密度和所述待测图像在所述当前设备中的坐标信息；在多种图像对比服务中选择与所述待测图像的配置信息相匹配的目标图像对比服务，其中，所述多个图像对比服务中的每个图像对比服务被设置有自身可支持配置信息；调用所述目标图像对比服务对比所述待测图像和所述待测图像对应的基准图像，得到图像对比结果，其中，所述基准图像为所述目标页面在基准设备中达到目标渲染效果时被截取的图像。

在本公开上述实施例中，可选地，还包括：获取针对所述待测图像和所述基准图像的人工对比结果；基于所述人工对比结果和所述图像对比结果，确定测试结果，其中，所述测试结果用于反映所述目标页面是否需要渲染效果校准。

在本公开上述实施例中，可选地，所述基于所述人工对比结果和所述图像对比结果，确定测试结果，包括：在所述人工对比结果和所述图像对比结果均示出所述待测图像和所述基准图像相匹配时，确定所述测试结果为所述目标页面不需要渲染效果校准；在所述人工对比结果和所述图像对比结果均示出所述待测图像和所述基准图像不匹配时，确定所述测试结果为所述目标页面需要渲染效果校准；在所述图像对比结果示出所述待测图像和所述基准图像相匹配，且所述人工对比结果示出所述待测图像和所述基准图像不匹配时，确定所述测试结果为所述目标页面需要渲染效果校准；在所述图像对比结果示出所述待测图像和所述基准图像不匹配，且所述人工对比结果示出所述待测图像和所述基准图像相匹配时，确定所述测试结果为所述目标页面不需要渲染效果校准。

在本公开上述实施例中，可选地，所述在多种图像对比服务中选择自身可支持配置信息与所述待测图像的配置信息相匹配的目标图像对比服务，包括：在所述待测图像所处当前设备的屏幕密度与所述基准图像所处目标设备的屏幕密度一致时，确定所述目标图像对比服务包括第一图像对比服务；在所述待测图像所处当前设备的屏幕密度与所述基准图像所处目标设备的屏幕密度不一致时，确定所述目标图像对比服务包括第二图像对比服务、第三图像对比服务、第四图像对比服务中的一种或多种；其中，所述第一图像对比服务用于通过为所述待测图像选择处于相同屏幕密度下的所述基准图像来确定所述图像对比结果；所述第二图像对比服务用于通过为所述待测图像设置与所述基准图像相同的屏幕密度来确定所述图像对比结果；所述第三图像对比服务用于通过对所述待测图像进行缩放处理以使其与所述基准图像处于相同屏幕密度下来确定所述图像对比结果；所述第四图像对比服务用于通过对所述待测图像进行截图处理和缩放处理以使其与所述基准图像处于相同屏幕密度下来确定所述图像对比结果。

在本公开上述实施例中，可选地，所述调用所述目标图像对比服务对比所述待测图像和所述待测图像对应的基准图像，得到图像对比结果，包括：当所述目标图像对比服务包括所述第一图像对比服务时，在所述待测图像对应的基准图像集合中，选择处于目标设备中的所述基准图像，其中，所述目标设备与所述待测图像所处当前设备具有相同的屏幕密度；基于所述待测图像在所述当前设备中的坐标信息与所述基准图像在所述目标设备中的坐标信息，确定所述图像对比结果。

在本公开上述实施例中，可选地，所述调用所述目标图像对比服务对比所述待测图像和所述待测图像对应的基准图像，得到图像对比结果，包括：当所述目标图像对比服务包括所述第二图像对比服务时，将所述待测图像所处当前设备的屏幕密度修改为所述基准图像所在的目标设备的屏幕密度，使所述待测图像与所述基准图像处于相同屏幕密度下；基于屏幕密度修改后所述待测图像在所述目标页面中的坐标信息，以及所述基准图像在所述目标设备中的坐标信息，确定所述图像对比结果。

在本公开上述实施例中，可选地，所述调用所述目标图像对比服务对比所述待测图像和所述待测图像对应的基准图像，得到图像对比结果，包括：当所述目标图像对比服务包括所述第三图像对比服务时，基于所述待测图像在所述当前设备中的坐标信息与所述基准图像在目标设备中的坐标信息，确定所述当前设备与所述基准图像所在目标设备的屏幕密度比例；按照所述屏幕密度比例对所述待测图像进行缩放处理；对比缩放处理后的待测图像和所述待测图像对应的所述基准图像，得到所述图像对比结果。

在本公开上述实施例中，可选地，所述调用所述目标图像对比服务对比所述待测图像和所述待测图像对应的基准图像，得到图像对比结果，包括：在所述目标图像对比服务包括所述第四图像对比服务时，基于所述待测图像在所述当前设备中的坐标信息与所述基准图像在目标设备中的坐标信息，确定所述当前设备与所述基准图像所在目标设备的屏幕密度比例；按照预定截图尺寸，对所述待测图像截图，得到截图后图像；按照所述屏幕密度比例对所述截图后图像进行缩放处理，得到缩放处理后图像；对比所述缩放处理后图像和所述基准图像，得到所述图像对比结果。

第二方面，本公开实施例提供了一种页面测试装置，包括：图像配置信息获取单元，用于在页面测试过程中，获取目标页面中待测图像的配置信息，所述待测图像的配置信息包括所述待测图像所处当前设备的屏幕密度和所述待测图像在所述当前设备中的坐标信息；图像对比服务选择单元，用于在多种图像对比服务中选择与所述待测图像的配置信息相匹配的目标图像对比服务，其中，所述多个图像对比服务中的每个图像对比服务被设置有自身可支持配置信息；图像对比单元，用于调用所述目标图像对比服务对比所述待测图像和所述待测图像对应的基准图像，得到图像对比结果，其中，所述基准图像为所述目标页面在基准设备中达到目标渲染效果时被截取的图像。

在本公开上述实施例中，可选地，还包括：人工对比结果获取单元，用于获取针对所述待测图像和所述基准图像的人工对比结果；测试结果确定单元，用于基于所述人工对比结果和所述图像对比结果，确定测试结果，其中，所述测试结果用于反映所述目标页面是否需要渲染效果校准。

在本公开上述实施例中，可选地，所述测试结果确定单元用于：在所述人工对比结果和所述图像对比结果均示出所述待测图像和所述基准图像相匹配时，确定所述测试结果为所述目标页面不需要渲染效果校准；在所述人工对比结果和所述图像对比结果均示出所述待测图像和所述基准图像不匹配时，确定所述测试结果为所述目标页面需要渲染效果校准；在所述图像对比结果示出所述待测图像和所述基准图像相匹配，且所述人工对比结果示出所述待测图像和所述基准图像不匹配时，确定所述测试结果为所述目标页面需要渲染效果校准；在所述图像对比结果示出所述待测图像和所述基准图像不匹配，且所述人工对比结果示出所述待测图像和所述基准图像相匹配时，确定所述测试结果为所述目标页面不需要渲染效果校准。

在本公开上述实施例中，可选地，所述图像对比服务选择单元用于：在所述待测图像所处当前设备的屏幕密度与所述基准图像所处目标设备的屏幕密度一致时，确定所述目标图像对比服务包括第一图像对比服务；在所述待测图像所处当前设备的屏幕密度与所述基准图像所处目标设备的屏幕密度不一致时，确定所述目标图像对比服务包括第二图像对比服务、第三图像对比服务、第四图像对比服务中的一种或多种；其中，所述第一图像对比服务用于通过为所述待测图像选择处于相同屏幕密度下的所述基准图像来确定所述图像对比结果；所述第二图像对比服务用于通过为所述待测图像设置与所述基准图像相同的屏幕密度来确定所述图像对比结果；所述第三图像对比服务用于通过对所述待测图像进行缩放处理以使其与所述基准图像处于相同屏幕密度下来确定所述图像对比结果；所述第四图像对比服务用于通过对所述待测图像进行截图处理和缩放处理以使其与所述基准图像处于相同屏幕密度下来确定所述图像对比结果。

在本公开上述实施例中，可选地，所述图像对比单元用于：当所述目标图像对比服务包括所述第一图像对比服务时，在所述待测图像对应的基准图像集合中，选择处于目标设备中的所述基准图像，其中，所述目标设备与所述待测图像所处当前设备具有相同的屏幕密度；基于所述待测图像在所述当前设备中的坐标信息与所述基准图像在所述目标设备中的坐标信息，确定所述图像对比结果。

在本公开上述实施例中，可选地，所述图像对比单元用于：当所述目标图像对比服务包括所述第二图像对比服务时，将所述待测图像所处当前设备的屏幕密度修改为所述基准图像所在的目标设备的屏幕密度，使所述待测图像与所述基准图像处于相同屏幕密度下；基于屏幕密度修改后所述待测图像在所述目标页面中的坐标信息，以及所述基准图像在所述目标设备中的坐标信息，确定所述图像对比结果。

在本公开上述实施例中，可选地，所述图像对比单元用于：当所述目标图像对比服务包括所述第三图像对比服务时，基于所述待测图像在所述当前设备中的坐标信息与所述基准图像在目标设备中的坐标信息，确定所述当前设备与所述基准图像所在目标设备的屏幕密度比例；按照所述屏幕密度比例对所述待测图像进行缩放处理；对比缩放处理后的待测图像和所述待测图像对应的所述基准图像，得到所述图像对比结果。

在本公开上述实施例中，可选地，所述图像对比单元用于：在所述目标图像对比服务包括所述第四图像对比服务时，基于所述待测图像在所述当前设备中的坐标信息与所述基准图像在目标设备中的坐标信息，确定所述当前设备与所述基准图像所在目标设备的屏幕密度比例；按照预定截图尺寸，对所述待测图像截图，得到截图后图像；按照所述屏幕密度比例对所述截图后图像进行缩放处理，得到缩放处理后图像；对比所述缩放处理后图像和所述基准图像，得到所述图像对比结果。

第三方面，本公开实施例提供了一种电子设备，包括：至少一个处理器；以及，与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被设置为用于执行上述第一方面中任一项所述的方法。

第四方面，本公开实施例提供了一种计算机可读存储介质，存储有计算机可执行指令，所述计算机可执行指令用于执行上述第一方面中任一项所述的方法流程。

以上技术方案，首先，在页面测试过程中，获取目标页面中待测图像的配置信息，目标页面指的是待测页面渲染效果是否需要校准的页面，该目标页面中包括但不限于图像等信息，其中，在目标页面选择一个图像作为待测图像，并获取待测图像的配置信息。待测图像的配置信息包括所述待测图像所处当前设备的屏幕密度和所述待测图像在所述当前设备中的坐标信息，其反映了受限于当前设备本身的待测图像的真实图像质量情况。

接着，在多种图像对比服务中选择与所述待测图像的配置信息相匹配的目标图像对比服务，其中，所述多个图像对比服务中的每个图像对比服务被设置有自身可支持配置信息，并调用该目标图像对比服务对比所述待测图像和所述待测图像对应的基准图像，得到图像对比结果。

为待测图像对应设置有基准图像，基准图像与待测图像具有相同的图像内容，反映了在页面渲染效果至少处于不需要校准的最低水平时该图像内容的真实图像质量情况。再者，待测图像的配置信息反映了当前设备的待测图像的真实图像质量情况，换言之，配置信息不同的待测图像，其真实图像质量情况也具有差异，所适用的图像对比服务也就有所不同。基于此，以待测图像的配置信息作为选择目标图像对比服务的依据，将待测图像与基准图像进行比较时，能够考虑到待测图像所处当前设备的屏幕密度以及待测图像在所述当前设备中的坐标信息所带来的影响，避免该影响作用于比较过程导致的图像对比结果不准确的问题。

目标图像对比服务用于比较基准图像与待测图像，其所得的图像对比结果示出了两者的差异，也就是相同的图像内容在当前的页面渲染效果下和在页面渲染效果至少处于不需要校准的最低水平时的差异，而这一差异也反映了当前的页面渲染效果与不需要校准的页面渲染效果的差异。若此差异过大，说明目标页面具有需要渲染效果校准的可能性。

综上，本申请的技术方案可兼容适配应用于不同的电子设备，提升了渲染效果检测方法对不同设备的兼容性，同时也提升了渲染效果检测结果的准确性。

【附图说明】

为了更清楚地说明本公开实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。

图1示出了根据本公开的一个实施例的页面测试方法的流程图；

图2示出了根据本公开的另一个实施例的页面测试方法的流程图；

图3示出了根据本公开的一个实施例的页面测试装置的框图；

图4示出了根据本公开的一个实施例的电子设备的框图。

【具体实施方式】

为了更好的理解本公开的技术方案，下面结合附图对本公开实施例进行详细描述。

应当明确，所描述的实施例仅仅是本公开一部分实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其它实施例，都属于本公开保护的范围。

在本公开实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本公开。在本公开实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。

实施例一

图1示出了根据本公开的一个实施例的页面测试方法的流程图。

如图1所示，根据本公开的一个实施例的页面测试方法的流程包括：

步骤102，在页面测试过程中，获取目标页面中待测图像的配置信息，所述待测图像的配置信息包括所述待测图像所处当前设备的屏幕密度和所述待测图像在所述当前设备中的坐标信息。

首先，在页面测试过程中，获取目标页面中待测图像的配置信息，目标页面指的是待测页面渲染效果是否需要校准的页面，该目标页面中包括但不限于图像等信息，其中，在目标页面选择一个图像作为待测图像，并获取待测图像的配置信息，待测图像的配置信息包括所述待测图像所处当前设备的屏幕密度和所述待测图像在所述当前设备中的坐标信息，其反映了受限于当前设备本身的待测图像的真实图像质量情况。

步骤104，在多种图像对比服务中选择与所述待测图像的配置信息相匹配的目标图像对比服务，其中，所述多个图像对比服务中的每个图像对比服务被设置有自身可支持配置信息。

步骤106，调用所述目标图像对比服务对比所述待测图像和所述待测图像对应的基准图像，得到图像对比结果，其中，所述基准图像为所述目标页面在基准设备中达到目标渲染效果时被截取的图像。

为待测图像对应设置有基准图像，基准图像与待测图像具有相同的图像内容，反映了在页面渲染效果至少处于不需要校准的最低水平时该图像内容的真实图像质量情况。再者，待测图像的配置信息反映了当前设备的待测图像的真实图像质量情况，换言之，配置信息不同的待测图像，其真实图像质量情况也具有差异，所适用的图像对比服务也就有所不同。基于此，以待测图像的配置信息作为选择目标图像对比服务的依据，将待测图像与基准图像进行比较时，能够考虑到待测图像所处当前设备的屏幕密度以及待测图像在所述当前设备中的坐标信息所带来的影响，避免该影响作用于比较过程导致的图像对比结果不准确的问题。

目标图像对比服务用于比较基准图像与待测图像，其所得的图像对比结果示出了两者的差异，也就是相同的图像内容在当前的页面渲染效果下和在页面渲染效果至少处于不需要校准的最低水平时的差异，而这一差异也反映了当前的页面渲染效果与不需要校准的页面渲染效果的差异。若此差异过大，说明目标页面具有需要渲染效果校准的可能性。

综上，本申请的技术方案可兼容适配应用于不同的电子设备，提升了渲染效果检测方法对不同设备的兼容性，同时也提升了渲染效果检测结果的准确性。

实施例二

传统的图像对比算法确定两个图像的差异足够小时，事实上只是确定两个图像的差别细微，并不代表人眼视觉对这两个图像的感受相同。也就是说，传统的图像对比算法判断页面渲染效果符合预期时，人眼观察到的两个图像并不一致，其实际的页面渲染效果不符合预期，需要进行页面渲染效果校准，这使得对页面渲染效果是否需要校准的判断结果变得不准确，进而影响页面的实际展示效果，影响用户体验。对此，在实施例一的基础上，得到图像对比结果后，还可执行以下步骤：

首先，获取基于人眼视觉对所述待测图像和所述基准图像进行对比得到的人工对比结果获取针对所述待测图像和所述基准图像的人工对比结果。

该图像对比结果是基准图像与待测图像在实际图像质量层面上的差异，这一差异不一定能够被用户通过视觉观察所察觉，换言之，该图像对比结果与用户在视觉层面上的判断不具有一致性。在一些情况下，图像对比结果为所述待测图像和所述基准图像不匹配时，用户在视觉层面上并不会察觉两个图像的差异，或者，图像对比结果为所述待测图像和所述基准图像匹配时，用户在视觉层面上仍能够察觉两个图像的差异。

对此，为提升对于目标页面是否需要渲染效果校准的判断的准确性，可将该图像对比结果与人眼在视觉层面上的判断结果综合作为判断目标页面是否需要渲染效果校准的依据。

接着，基于所述人工对比结果和所述图像对比结果，确定测试结果，其中，所述测试结果用于反映所述目标页面是否需要渲染效果校准。

具体地，在所述人工对比结果和所述图像对比结果均示出所述待测图像和所述基准图像相匹配时，说明基准图像和待测图像在图像质量层面的差异与人眼在视觉层面上所判断的两者的差异均处于合理范围内，该合理范围包括差异为0的情况，合理范围指的是差异不影响用户体验时所在的范围。因此，两个对比结果一致确定所述测试结果为所述目标页面不需要渲染效果校准。

在所述人工对比结果和所述图像对比结果均示出所述待测图像和所述基准图像不匹配时，说明基准图像和待测图像在图像质量层面的差异与人眼在视觉层面上所判断的两者的差异均超出合理范围，该合理范围包括差异为0的情况，合理范围指的是差异不影响用户体验时所在的范围。因此，两个对比结果一致确定所述测试结果为所述目标页面需要渲染效果校准。

在所述图像对比结果示出所述待测图像和所述基准图像相匹配，且所述人工对比结果示出所述待测图像和所述基准图像不匹配时，说明基准图像和待测图像在图像质量层面的差异虽然未超出合理范围，但人眼在视觉层面上仍可以察觉该差异，或者说人眼在视觉层面上所察觉的差异超出合理范围，由于页面渲染效果主要用于用户的视觉体验，此时，以人工对比结果为准，确定所述测试结果为所述目标页面需要渲染效果校准。

同理，在所述图像对比结果示出所述待测图像和所述基准图像不匹配，且所述人工对比结果示出所述待测图像和所述基准图像相匹配时，说明基准图像和待测图像在图像质量层面的差异虽然超出合理范围，但人眼在视觉层面上无法察觉该差异，或人眼在视觉层面上所察觉的差异在合理范围内，由于页面渲染效果主要用于用户的视觉体验，此时，以人工对比结果为准，确定所述测试结果为所述目标页面不需要渲染效果校准。

以上技术方案，针对相关技术中对页面渲染效果是否需要校准的判断结果不准确的技术问题，不以图像对比结果作为最终的测试结果，而是将图像对比结果与人工对比结合起来进行综合判断，从而得到更具准确性的测试结果。由此，提升了测试结果的准确性，便于高效合理地设置和维护页面，提升其页面渲染效果和用户使用体验。

实施例三

图2示出了根据本公开的另一个实施例的页面测试方法的流程图。

步骤202，在页面测试过程中，获取目标页面中待测图像的配置信息，所述待测图像的配置信息包括所述待测图像所处当前设备的屏幕密度和所述待测图像在所述当前设备中的坐标信息。

步骤204，在多种图像对比服务中选择与所述待测图像的配置信息相匹配的目标图像对比服务，其中，所述多个图像对比服务中的每个图像对比服务被设置有自身可支持配置信息。

步骤206，在所述待测图像所处当前设备的屏幕密度与所述基准图像所处目标设备的屏幕密度一致时，确定所述目标图像对比服务包括第一图像对比服务；在所述待测图像所处当前设备的屏幕密度与所述基准图像所处目标设备的屏幕密度不一致时，确定所述目标图像对比服务包括第二图像对比服务、第三图像对比服务、第四图像对比服务中的一种或多种。

也就是说，可基于待测图像所处当前设备的屏幕密度为待测图像选择所需的目标图像对比服务。由于不同型号的电子设备的屏幕密度不同，通过调用第二图像对比服务、第三图像对比服务或第四图像对比服务，均可在不同型号的电子设备上截出视觉效果相同的待测图像和基准图像。由此，提升了图像渲染效果测试的准确性和对不同电子设备的兼容性。

其中，所述第一图像对比服务用于通过为所述待测图像选择处于相同屏幕密度下的所述基准图像来确定所述图像对比结果；所述第二图像对比服务用于通过为所述待测图像设置与所述基准图像相同的屏幕密度来确定所述图像对比结果；所述第三图像对比服务用于通过对所述待测图像进行缩放处理以使其与所述基准图像处于相同屏幕密度下来确定所述图像对比结果；所述第四图像对比服务用于通过对所述待测图像进行截图处理和缩放处理以使其与所述基准图像处于相同屏幕密度下来确定所述图像对比结果。

步骤208，调用所述目标图像对比服务对比所述待测图像和所述待测图像对应的基准图像，得到图像对比结果。

下面结合对第一图像对比服务、第二图像对比服务、第三图像对比服务、第四图像对比服务的阐述对待测图像的配置信息的用途进行展开说明。

当所述目标图像对比服务包括所述第一图像对比服务时，在所述待测图像对应的基准图像集合中，选择处于目标设备中的所述基准图像，其中，所述目标设备与所述待测图像所处当前设备具有相同的屏幕密度；基于所述待测图像在所述当前设备中的坐标信息与所述基准图像在所述目标设备中的坐标信息，确定所述图像对比结果。

具体来说，由于测试场景多种多样，待测图像可能处于多种不同的屏幕密度之下，而相同图像在不同屏幕密度下的渲染效果差异很大，由此，若基准图像与待测图像分别处于屏幕密度不同的设备中，两者的巨大差异并不一定是待测图像所在目标页面的渲染效果不合理造成的。因此，为全面覆盖多测试场景，并提升最终的测试结果的可靠性，可为待测图像设置多个与自身图像内容相同的基准图像，其中，多个基准图像各自处于不同的屏幕密度下。因此，可在该多个基准图像组成的基准图像集合中，选择处于与所述待测图像所处当前设备具有相同的屏幕密度的目标设备中的基准图像，作为页面渲染效果判断的依据，对比处于相同屏幕密度的环境下的基准图像与待测图像，可获得准确可靠的对比结果。

接着，可获取所述待测图像在所述当前设备中的坐标信息以及所述基准图像在所述目标设备中的坐标信息，按照两者的坐标信息进行截图，并对比截图得到的两个图片在像素等方面的差异，得到图像对比结果。

当所述目标图像对比服务包括所述第二图像对比服务时，将所述待测图像所处当前设备的屏幕密度修改为所述基准图像所在的目标设备的屏幕密度，使所述待测图像与所述基准图像处于相同屏幕密度下；基于屏幕密度修改后所述待测图像在所述目标页面中的坐标信息，以及所述基准图像在所述目标设备中的坐标信息，确定所述图像对比结果。

由于测试场景多种多样，待测图像可能处于多种不同的屏幕密度之下，而相同图像在不同屏幕密度下的渲染效果差异很大，由此，若基准图像与待测图像分别处于屏幕密度不同的设备中，两者的巨大差异并不一定是待测图像所在目标页面的渲染效果不合理造成的。在本技术方案中，为节省存储空间和节省系统资源等目的，可仅设置屏幕密度固定的一张基准图像。在待测图像所处当前设备的屏幕密度与基准图像的不同时，直接将待测图像所处当前设备的屏幕密度修改为所述基准图像所在的目标设备的屏幕密度，从而使两个图像处于相同屏幕密度的环境下进行对比，以获得准确可靠的对比结果。

接着，可获取所述待测图像在所述当前设备中的坐标信息以及所述基准图像在所述目标设备中的坐标信息，按照两者的坐标信息进行截图，并对比截图得到的两个图片在像素等方面的差异，得到图像对比结果。

当所述目标图像对比服务包括所述第三图像对比服务时，基于所述待测图像在所述当前设备中的坐标信息与所述基准图像在目标设备中的坐标信息，确定所述当前设备与所述基准图像所在目标设备的屏幕密度比例；按照所述屏幕密度比例对所述待测图像进行缩放处理；对比缩放处理后的待测图像和所述待测图像对应的所述基准图像，得到所述图像对比结果。

待测图像在当前设备中的坐标信息与所述基准图像在目标设备中的坐标信息的比例，等于当前设备与目标设备的屏幕密度比例，因此，可求得该比例，以该比例作为当前设备与目标设备的屏幕密度比例，对所述待测图像进行缩放处理，使其改变至与基准图像相同的水平。对此：

缩放处理后待测图像的宽度＝基准图像的宽度*当前设备与目标设备的屏幕密度比例；

缩放处理后待测图像的长度＝基准图像的长度*当前设备与目标设备的屏幕密度比例。

最终，使两个图像处于相同屏幕密度的环境下进行对比，以获得准确可靠的对比结果。

在所述目标图像对比服务包括所述第四图像对比服务时，基于所述待测图像在所述当前设备中的坐标信息与所述基准图像在目标设备中的坐标信息，确定所述当前设备与所述基准图像所在目标设备的屏幕密度比例；按照预定截图尺寸，对所述待测图像截图，得到截图后图像；按照所述屏幕密度比例对所述截图后图像进行缩放处理，得到缩放处理后图像；对比所述缩放处理后图像和所述基准图像，得到所述图像对比结果。

可选地，在第一图像对比服务、第二图像对比服务、第三图像对比服务中，在对比之前，可对待测图像和基准图像进行截图后对比两个截图，该截图可以是在设备显示界面上显示的全部待测图像和全部基准图像，也可是在设备显示界面上显示的部分待测图像和与之对应的部分基准图像。

基于此，第四图像对比服务与第三图像对比服务的不同之处在于，有些电子设备中控件宽、高是小数点后具有多位的数值。比如，控件的宽对应的数值为62.950819672131146，控件的高对应的数值为62.96120234604105，相应地，基于该控件显示的图像的宽、高也是小数点后具有多位的数值。若基于第三图像对比服务对这样的图像进行处理，该宽、高缩放后所得的宽、高均为无理数，在实际截图过程中，需要将无理数近似处理为有理数，这就造成此后的图像对比过程中待测图像和基准图像的宽、高都是近似处理得到的有理数，所得的图像对比结果相对于两者的真实差异也产生了一定偏差。一般地，认定这种偏差处于合理范围内，不会过于图像对比结果的可靠性。

对此，第四图像对比服务提出，可直接按照预定截图尺寸对待测图像进行截图，预定截图尺寸为指定尺寸，其尺寸缩放后不会产生无理数，也就无需进行近似处理。由此，先按照预定截图尺寸对待测图像进行截图，再缩放待测图像，最终将缩放处理后图像与基准图像进行对比，最大限度地减少了基准图像和待测图像的真实差异与图像对比结果之间的偏差，提升了测试结果的准确性，有助于加强页面渲染效果，提升用户视觉体验。

另外，在上述各种图像对比服务中，获取待测图像的坐标信息和基准图像的坐标信息的方式多种多样。

比如，以获取待测图像的坐标信息为例，在native页面中，可基于目标页面中支持待测图像的控件的ID，在目标页面的低层配置中检索到该控件的关联信息，这一关联信息历即包括控件所支持的待测图像的坐标信息。

再比如，以获取待测图像的坐标信息为例，在webview页面中，可注入一段js代码，通过该段js代码将支持待测图像的控件所提供的待测图像的坐标信息获取出来。

再比如，以获取待测图像的坐标信息为例，在一些基于cocos引擎的游戏中，可在游戏代码中封装方法把待测图像的坐标信息暴露出来，自动化框架可通过V8引擎调用该方法获得这一坐标信息。

当然，获取待测图像的坐标信息和基准图像的坐标信息的方式包括但不限于上述示例的几种。

在一种可能的设计中，结合实施例一和实施例二，在得到待测图像与基准图像的图像对比结果后，还可以获取针对所述待测图像和所述基准图像的人工对比结果，并基于所述人工对比结果和所述图像对比结果，确定测试结果，其中，所述测试结果用于反映所述目标页面是否需要渲染效果校准。

在一种可能设计中，在所述目标图像对比服务包括第二图像对比服务、第三图像对比服务、第四图像对比服务中的一项的情况下，直接将该项对比服务对应的对比结果作为待测图像与基准图像的图像对比结果。

在另一种可能设计中，在所述目标图像对比服务包括第二图像对比服务、第三图像对比服务、第四图像对比服务中的三项或任两项的情况下，基于这多项目标图像对比服务各自对应的子对比结果，确定待测图像与基准图像的图像对比结果。

其中，在一种可能的设计中，可基于第二图像对比服务和第四图像对比服务分别获得图像对比结果，再基于该两个图像对比结果与人工对比结果一起确定目标页面是否需要渲染效果校准。

在一种可能的设计中，可基于第二图像对比服务和第三图像对比服务分别获得图像对比结果，再基于该两个图像对比结果与人工对比结果一起确定目标页面是否需要渲染效果校准。

在一种可能的设计中，可基于第三图像对比服务和第四图像对比服务分别获得图像对比结果，再基于该两个图像对比结果与人工对比结果一起确定目标页面是否需要渲染效果校准。

在一种可能的设计中，可基于第二图像对比服务、第三图像对比服务、第四图像对比服务分别获得图像对比结果，再基于该三个图像对比结果与人工对比结果一起确定目标页面是否需要渲染效果校准。

多种目标图像对比服务与人工对比结果一起可提升对目标页面是否需要渲染效果校准的判断的准确性，也就提升了测试结果的准确性，便于高效合理地设置和维护页面，提升其页面渲染效果和用户使用体验。

图3示出了根据本公开的一个实施例的页面测试装置的框图。

如图3所示，根据本公开的一个实施例的页面测试装置300，包括：图像配置信息获取单元302，用于在页面测试过程中，获取目标页面中待测图像的配置信息，所述待测图像的配置信息包括所述待测图像所处当前设备的屏幕密度和所述待测图像在所述当前设备中的坐标信息；图像对比服务选择单元304，用于在多种图像对比服务中选择与所述待测图像的配置信息相匹配的目标图像对比服务，其中，所述多个图像对比服务中的每个图像对比服务被设置有自身可支持配置信息；图像对比单元306，用于调用所述目标图像对比服务对比所述待测图像和所述待测图像对应的基准图像，得到图像对比结果，其中，所述基准图像为所述目标页面在基准设备中达到目标渲染效果时被截取的图像。

在本公开上述实施例中，可选地，还包括：人工对比结果获取单元，用于获取针对所述待测图像和所述基准图像的人工对比结果；测试结果确定单元，用于基于所述人工对比结果和所述图像对比结果，确定测试结果，其中，所述测试结果用于反映所述目标页面是否需要渲染效果校准。

在本公开上述实施例中，可选地，所述测试结果确定单元用于：在所述待测图像所处当前设备的屏幕密度与所述基准图像所处目标设备的屏幕密度一致时，确定所述目标图像对比服务包括第一图像对比服务；在所述待测图像所处当前设备的屏幕密度与所述基准图像所处目标设备的屏幕密度不一致时，确定所述目标图像对比服务包括第二图像对比服务、第三图像对比服务、第四图像对比服务中的一种或多种；其中，所述第一图像对比服务用于通过为所述待测图像选择处于相同屏幕密度下的所述基准图像来确定所述图像对比结果；所述第二图像对比服务用于通过为所述待测图像设置与所述基准图像相同的屏幕密度来确定所述图像对比结果；所述第三图像对比服务用于通过对所述待测图像进行缩放处理以使其与所述基准图像处于相同屏幕密度下来确定所述图像对比结果；所述第四图像对比服务用于通过对所述待测图像进行截图处理和缩放处理以使其与所述基准图像处于相同屏幕密度下来确定所述图像对比结果。

在本公开上述实施例中，可选地，所述图像对比单元306用于：当所述目标图像对比服务包括所述第一图像对比服务时，在所述待测图像对应的基准图像集合中，选择处于目标设备中的所述基准图像，其中，所述目标设备与所述待测图像所处当前设备具有相同的屏幕密度；基于所述待测图像在所述当前设备中的坐标信息与所述基准图像在所述目标设备中的坐标信息，确定所述图像对比结果。

在本公开上述实施例中，可选地，所述图像对比单元306用于：当所述目标图像对比服务包括所述第二图像对比服务时，将所述待测图像所处当前设备的屏幕密度修改为所述基准图像所在的目标设备的屏幕密度，使所述待测图像与所述基准图像处于相同屏幕密度下；基于屏幕密度修改后所述待测图像在所述目标页面中的坐标信息，以及所述基准图像在所述目标设备中的坐标信息，确定所述图像对比结果。

在本公开上述实施例中，可选地，所述图像对比单元306用于：当所述目标图像对比服务包括所述第三图像对比服务时，基于所述待测图像在所述当前设备中的坐标信息与所述基准图像在目标设备中的坐标信息，确定所述当前设备与所述基准图像所在目标设备的屏幕密度比例；按照所述屏幕密度比例对所述待测图像进行缩放处理；对比缩放处理后的待测图像和所述待测图像对应的所述基准图像，得到所述图像对比结果。

在本公开上述实施例中，可选地，所述图像对比单元306用于：在所述目标图像对比服务包括所述第四图像对比服务时，基于所述待测图像在所述当前设备中的坐标信息与所述基准图像在目标设备中的坐标信息，确定所述当前设备与所述基准图像所在目标设备的屏幕密度比例；按照预定截图尺寸，对所述待测图像截图，得到截图后图像；按照所述屏幕密度比例对所述截图后图像进行缩放处理，得到缩放处理后图像；对比所述缩放处理后图像和所述基准图像，得到所述图像对比结果。

该页面测试装置300使用上述任一实施例中所述的方案，因此，具有上述所有技术效果，在此不再赘述。

图4示出了根据本公开的一个实施例的电子设备的框图。

如图4所示，本公开的一个实施例的电子设备400，包括至少一个存储器402；以及，与所述至少一个存储器402通信连接的处理器404；其中，所述存储器存储有可被所述至少一个处理器404执行的指令，所述指令被设置为用于执行上述任一实施例中所述的方案。因此，该电子设备400具有和上述任一实施例中相同的技术效果，在此不再赘述。

本公开实施例的电子设备以多种形式存在，包括但不限于:

(1)移动通信设备:这类设备的特点是具备移动通信功能，并且以提供话音、数据通信为主要目标。这类终端包括:智能手机(例如iPhone)、多媒体手机、功能性手机，以及低端手机等。

(2)超移动个人计算机设备:这类设备属于个人计算机的范畴，有计算和处理功能，一般也具备移动上网特性。这类终端包括:PDA、MID和UMPC设备等，例如iPad。

(3)便携式娱乐设备:这类设备可以显示和播放多媒体内容。该类设备包括:音频、视频播放器(例如iPod)，掌上游戏机，电子书，以及智能玩具和便携式车载导航设备。

(4)服务器:提供计算服务的设备，服务器的构成包括处理器、硬盘、内存、系统总线等，服务器和通用的计算机架构类似，但是由于需要提供高可靠的服务，因此在处理能力、稳定性、可靠性、安全性、可扩展性、可管理性等方面要求较高。

(5)其他具有数据交互功能的电子装置。

另外，本公开实施例提供了一种计算机可读存储介质，存储有计算机可执行指令，所述计算机可执行指令用于执行上述任一实施例中所述的方法流程。

以上结合附图详细说明了本公开的技术方案，通过本公开的技术方案，提升了测试结果的准确性，便于高效合理地设置和维护页面，提升其页面渲染效果和用户使用体验。

应当理解，本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。

取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”或“响应于检测”。类似地，取决于语境，短语“如果确定”或“如果检测(陈述的条件或事件)”可以被解释成为“当确定时”或“响应于确定”或“当检测(陈述的条件或事件)时”或“响应于检测(陈述的条件或事件)”。

在本公开所提供的几个实施例中，应该理解到，所揭露的系统、装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

另外，在本公开各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。

上述以软件功能单元的形式实现的集成的单元，可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中，包括若干指令用以使得一台计算机装置(可以是个人计算机，服务器，或者网络装置等)或处理器(Processor)执行本公开各个实施例所述方法的部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述仅为本公开的较佳实施例而已，并不用以限制本公开，凡在本公开的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本公开保护的范围之内。

Claims (10)

1.一种页面测试方法，其特征在于，包括：

在页面测试过程中，获取目标页面中待测图像的配置信息，所述待测图像的配置信息包括所述待测图像所处当前设备的屏幕密度和所述待测图像在所述当前设备中的坐标信息；

在多种图像对比服务中选择与所述待测图像的配置信息相匹配的目标图像对比服务，其中，所述多种图像对比服务中的每个图像对比服务被设置有自身可支持配置信息；

调用所述目标图像对比服务对比所述待测图像和所述待测图像对应的基准图像，得到图像对比结果，其中，所述基准图像为所述目标页面在基准设备中达到目标渲染效果时被截取的图像；

所述在多种图像对比服务中选择与所述待测图像的配置信息相匹配的目标图像对比服务，包括：

在所述待测图像所处当前设备的屏幕密度与所述基准图像所处目标设备的屏幕密度一致时，确定所述目标图像对比服务包括第一图像对比服务；

在所述待测图像所处当前设备的屏幕密度与所述基准图像所处目标设备的屏幕密度不一致时，确定所述目标图像对比服务包括第二图像对比服务、第三图像对比服务、第四图像对比服务中的一种或多种；

其中，所述第一图像对比服务用于通过为所述待测图像选择处于相同屏幕密度下的所述基准图像来确定所述图像对比结果；

所述第二图像对比服务用于通过为所述待测图像设置与所述基准图像相同的屏幕密度来确定所述图像对比结果；

所述第三图像对比服务用于通过对所述待测图像进行缩放处理以使其与所述基准图像处于相同屏幕密度下来确定所述图像对比结果；

所述第四图像对比服务用于通过对所述待测图像进行截图处理和缩放处理以使其与所述基准图像处于相同屏幕密度下来确定所述图像对比结果。

2.根据权利要求1所述的页面测试方法，其特征在于，还包括：

获取针对所述待测图像和所述基准图像的人工对比结果；

基于所述人工对比结果和所述图像对比结果，确定测试结果，其中，所述测试结果用于反映所述目标页面是否需要渲染效果校准。

3.根据权利要求2所述的页面测试方法，其特征在于，所述基于所述人工对比结果和所述图像对比结果，确定测试结果，包括：

在所述人工对比结果和所述图像对比结果均示出所述待测图像和所述基准图像相匹配时，确定所述测试结果为所述目标页面不需要渲染效果校准；

在所述人工对比结果和所述图像对比结果均示出所述待测图像和所述基准图像不匹配时，确定所述测试结果为所述目标页面需要渲染效果校准；

在所述图像对比结果示出所述待测图像和所述基准图像相匹配，且所述人工对比结果示出所述待测图像和所述基准图像不匹配时，确定所述测试结果为所述目标页面需要渲染效果校准；

在所述图像对比结果示出所述待测图像和所述基准图像不匹配，且所述人工对比结果示出所述待测图像和所述基准图像相匹配时，确定所述测试结果为所述目标页面不需要渲染效果校准。

4.根据权利要求1所述的页面测试方法，其特征在于，所述调用所述目标图像对比服务对比所述待测图像和所述待测图像对应的基准图像，得到图像对比结果，包括：

当所述目标图像对比服务包括所述第一图像对比服务时，在所述待测图像对应的基准图像集合中，选择处于目标设备中的所述基准图像，其中，所述目标设备与所述待测图像所处当前设备具有相同的屏幕密度；

基于所述待测图像在所述当前设备中的坐标信息与所述基准图像在所述目标设备中的坐标信息，确定所述图像对比结果。

5.根据权利要求1所述的页面测试方法，其特征在于，所述调用所述目标图像对比服务对比所述待测图像和所述待测图像对应的基准图像，得到图像对比结果，包括：

当所述目标图像对比服务包括所述第二图像对比服务时，将所述待测图像所处当前设备的屏幕密度修改为所述基准图像所在的目标设备的屏幕密度，使所述待测图像与所述基准图像处于相同屏幕密度下；

基于屏幕密度修改后所述待测图像在所述目标页面中的坐标信息，以及所述基准图像在所述目标设备中的坐标信息，确定所述图像对比结果。

6.根据权利要求1所述的页面测试方法，其特征在于，所述调用所述目标图像对比服务对比所述待测图像和所述待测图像对应的基准图像，得到图像对比结果，包括：

当所述目标图像对比服务包括所述第三图像对比服务时，基于所述待测图像在所述当前设备中的坐标信息与所述基准图像在目标设备中的坐标信息，确定所述当前设备与所述基准图像所在目标设备的屏幕密度比例；

按照所述屏幕密度比例对所述待测图像进行缩放处理；

对比缩放处理后的待测图像和所述待测图像对应的所述基准图像，得到所述图像对比结果。

7.根据权利要求1所述的页面测试方法，其特征在于，所述调用所述目标图像对比服务对比所述待测图像和所述待测图像对应的基准图像，得到图像对比结果，包括：

在所述目标图像对比服务包括所述第四图像对比服务时，基于所述待测图像在所述当前设备中的坐标信息与所述基准图像在目标设备中的坐标信息，确定所述当前设备与所述基准图像所在目标设备的屏幕密度比例；

按照预定截图尺寸，对所述待测图像截图，得到截图后图像；

按照所述屏幕密度比例对所述截图后图像进行缩放处理，得到缩放处理后图像；

对比所述缩放处理后图像和所述基准图像，得到所述图像对比结果。

8.一种页面测试装置，其特征在于，包括：

图像配置信息获取单元，用于在页面测试过程中，获取目标页面中待测图像的配置信息，所述待测图像的配置信息包括所述待测图像所处当前设备的屏幕密度和所述待测图像在所述当前设备中的坐标信息；

图像对比服务选择单元，用于在多种图像对比服务中选择与所述待测图像的配置信息相匹配的目标图像对比服务，其中，所述多种图像对比服务中的每个图像对比服务被设置有自身可支持配置信息；

图像对比单元，用于调用所述目标图像对比服务对比所述待测图像和所述待测图像对应的基准图像，得到图像对比结果，其中，所述基准图像为所述目标页面在基准设备中达到目标渲染效果时被截取的图像；

所述图像对比服务选择单元，用于在所述待测图像所处当前设备的屏幕密度与所述基准图像所处目标设备的屏幕密度一致时，确定所述目标图像对比服务包括第一图像对比服务；

在所述待测图像所处当前设备的屏幕密度与所述基准图像所处目标设备的屏幕密度不一致时，确定所述目标图像对比服务包括第二图像对比服务、第三图像对比服务、第四图像对比服务中的一种或多种；

其中，所述第一图像对比服务用于通过为所述待测图像选择处于相同屏幕密度下的所述基准图像来确定所述图像对比结果；

所述第二图像对比服务用于通过为所述待测图像设置与所述基准图像相同的屏幕密度来确定所述图像对比结果；

所述第三图像对比服务用于通过对所述待测图像进行缩放处理以使其与所述基准图像处于相同屏幕密度下来确定所述图像对比结果；

所述第四图像对比服务用于通过对所述待测图像进行截图处理和缩放处理以使其与所述基准图像处于相同屏幕密度下来确定所述图像对比结果。

9.一种电子设备，其特征在于，包括：至少一个处理器；以及，与所述至少一个处理器通信连接的存储器；

其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被设置为用于执行上述权利要求1至7中任一项所述的方法。

10.一种计算机可读存储介质，其特征在于，存储有计算机可执行指令，所述计算机可执行指令用于执行如权利要求1至7中任一项所述的方法流程。