CN115858401B - 页面检测方法、装置、电子设备及存储介质 - Google Patents

Abstract

本公开实施例提供一种页面检测方法、装置、电子设备及存储介质，通过在目标页面加载后，获取目标页面内至少一个页面元素的相对位置信息，相对位置信息表征页面元素在目标页面内的相对位置；根据相对位置信息，得到检测结果，检测结果用于表征目标页面的页面布局是否正常。由于页面元素在目标页面内的布局，会受到终端设备的屏幕尺寸的影响，导致在不同屏幕尺寸下，页面元素在目标页面内的绝对位置发生变化，本实施例通过获取目标页面内页面元素的相对位置信息来进行布局检测，避免由于终端设备的屏幕尺寸变换而导致的页面元素的绝对位置的变化，实现对目标页面的页面布局的准确检测，提高检测效率和准确性。

Description

页面检测方法、装置、电子设备及存储介质

技术领域

本公开实施例涉及应用前端技术领域，尤其涉及一种页面检测方法、装置、电子设备及存储介质。

背景技术

在应用程序（Application，APP）开发的过程中，程序前端开发阶段的工作包括对应用程序中的页面以及页面中的页面元素进行布局设计。通过对页面内的页面元素的大小、位置进行布局设计，实现应用程序页面的美观性和易用性。

现有技术中，为确保应用程序在不同类型的终端设备上正常显示，需要在不同类型终端设备上，对应用程序的页面布局的显示效果进行检测，从而确定无法正常显示的终端设备，并进一步对其进行显示适配。

然而，现有技术中的页面布局检测方案，存在检测效率低、准确性差的问题。

发明内容

本公开实施例提供一种页面检测方法、装置、电子设备及存储介质，以克服现有技术中针对页面布局的检测过程中存在检测效率低、准确性差的问题。

第一方面，本公开实施例提供一种页面检测方法，包括：

在目标页面加载后，获取所述目标页面内至少一个页面元素的相对位置信息，所述相对位置信息表征所述页面元素在所述目标页面内的相对位置；根据所述相对位置信息，得到检测结果，所述检测结果用于表征所述目标页面的页面布局是否正常。

第二方面，本公开实施例提供一种页面检测装置，包括：

检测模块，用于在目标页面加载后，获取所述目标页面内至少一个页面元素的相对位置信息，所述相对位置信息表征所述页面元素在所述目标页面内的相对位置；

处理模块，用于根据所述相对位置信息，得到检测结果，所述检测结果用于表征所述目标页面的页面布局是否正常。

第三方面，本公开实施例提供一种电子设备，包括：

处理器，以及与所述处理器通信连接的存储器；

所述存储器存储计算机执行指令；

所述处理器执行所述存储器存储的计算机执行指令，以实现如上第一方面以及第一方面各种可能的设计所述的页面检测方法。

第四方面，本公开实施例提供一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机执行指令，当处理器执行所述计算机执行指令时，实现如上第一方面以及第一方面各种可能的设计所述的页面检测方法。

第五方面，本公开实施例提供一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现如上第一方面以及第一方面各种可能的设计所述的页面检测方法。

本实施例提供的页面检测方法、装置、电子设备及存储介质，通过在目标页面加载后，获取所述目标页面内至少一个页面元素的相对位置信息，所述相对位置信息表征所述页面元素在所述目标页面内的相对位置；根据所述相对位置信息，得到检测结果，所述检测结果用于表征所述目标页面的页面布局是否正常。由于页面元素在目标页面内的布局，会受到终端设备的屏幕尺寸的影响，导致在不同屏幕尺寸下，页面元素在目标页面内的绝对位置发生变化，本实施例通过获取目标页面内页面元素的相对位置信息来进行布局检测，可以避免由于终端设备的屏幕尺寸变换而导致的页面元素的绝对位置的变化，进而准确的确定页面元素与目标页面之间的位置关系特征，实现对目标页面的页面布局的准确检测，提高检测效率和准确性。

附图说明

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

图1为本公开实施例提供的页面检测方法的一种应用场景图；

图2为本公开实施例提供的页面检测方法的流程示意图一；

图3为本公开实施例提供的一种页面坐标系的示意图；

图4为图2所示实施例中步骤S101的一种具体实现方式的流程图；

图5为图2所示实施例中步骤S102的一种具体实现方式的流程图；

图6为本公开实施例提供的一种目标页面与目标页面元素的尺寸关系示意图；

图7为本公开实施例提供的页面检测方法的流程示意图二；

图8为本公开实施例提供的一种获得元素位置信息的信令示意图；

图9为图7所示实施例中步骤S204的一种具体实现方式的流程图；

图10为本公开实施例提供的一种终端设备对应的目标页面的示意图；

图11为图7所示实施例中步骤S205的一种具体实现方式的流程图；

图12为本公开实施例提供的页面检测装置的结构框图；

图13为本公开实施例提供的电子设备的硬件结构示意图。

具体实施方式

为使本公开实施例的目的、技术方案和优点更加清楚，下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本公开一部分实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。

需要说明的是，本申请所涉及的用户信息（包括但不限于用户设备信息、用户个人信息等）和数据（包括但不限于用于分析的数据、存储的数据、展示的数据等），均为经用户授权或者经过各方充分授权的信息和数据，并且相关数据的收集、使用和处理需要遵守相关国家和地区的相关法律法规和标准，并提供有相应的操作入口，供用户选择授权或者拒绝。

下面对本公开实施例的应用场景进行解释：

图1为本公开实施例提供的页面检测方法的一种应用场景图，本公开实施例提供的页面检测方法，可以应用于应用程序的在线检测的场景。具体地，本公开实施例提供的方法，可以应用于服务器或终端设备，以服务器为例，示例性地，如图1所示，服务器内运行目标应用到服务端，而终端设备运行目标应用的客户端，服务器与终端设备之间通讯，实现目标应用的具体功能。其中，终端设备一侧，在目标应用运行过程中，在终端设备每加载目标应用中的一个或多个目标页面后，会向服务器发送表征目标页面内的页面元素的位置的检测信息，或者，服务器向终端设备发送访问请求，获得检测信息，之后，服务器基于接收到的检测信息，对终端设备当前加载的目标页面的页面布局是否正常进行检测。之后，可选地，服务器对页面布局显示不正常的终端设备的相关设备信息，例如设备类型、屏幕分辨率等信息，进行保存，以实现后续对该类型的终端设备进行进一步适配。

现有技术中，针对应用程序的页面布局，通常是基于一个基础屏幕尺寸完成设计后，再针对常见的终端设备的屏幕尺寸、设备类型，进行适配，从而使应用程序页面内的页面元素，能够在适配后的终端设备一侧，按照页面布局正确显示。但在未适配的终端设备上，仍会存在页面布局显示异常的问题。因此，为确保应用程序在不同类型的终端设备上正常显示，需要在不同类型的终端设备上，对应用程序的页面布局的显示效果进行检测，从而确定无法正常显示的终端设备，并进一步对其进行显示适配。

然而，在实际应用过程中，页面布局的描述方式，部分是基于绝对位置实现的，例如，页面中三个纵向并排的页面元素：页面元素A、页面元素B和页面元素C。其中，页面元素A距离页面顶部100像素点、页面元素B距离页面顶部200像素点、页面元素C距离页面顶部300像素点。针对此类页面布局，当屏幕尺寸发生变化时，例如屏幕纵向尺寸增加或减少，会导致页面内的页面元素之间的距离发生变化，进而导致页面元素重叠等问题。而同时，对于线上测试的场景，终端设备的屏幕尺寸的变化是未知的，因此在终端设备的屏幕尺寸发生变化（即应用在不同终端设备上）时，无法针对元素图像，确定一个固定的位置值，例如在终端设备D1上，根据其屏幕尺寸，目标页面内的页面元素A的理论位置（基于页面布局确定的）应该距离页面顶部110像素点；而在终端设备D2上，根据其屏幕尺寸，目标页面内的页面元素A的理论位置（基于页面布局确定的）应该距离页面顶部115像素点。

基于上述介绍，因此，在对目标应用的页面布局进行线上测试的场景下，由于终端设备显示尺寸的变化，对于目标页面中的各页面元素，无法获得一个基于绝对位置的验证信息，来对目标页面各页面元素的绝对位置进行验证，也因此，无法实现对目标页面的页面布局的正确性验证。致使现有技术中仅能通过线下测试的方式完成对页面布局的检测，导致检测效率低、准确性差的问题。

本公开实施例提供一种页面检测方法以解决上述问题。

参考图2，图2为本公开实施例提供的页面检测方法的流程示意图一。本实施例的方法可以应用在服务器、终端设备或能够实现类似功能的电子设备中，该页面检测方法包括：

步骤S101：在目标页面加载后，获取目标页面内至少一个页面元素的相对位置信息，相对位置信息表征页面元素在目标页面内的相对位置。

示例性地，以服务器为本实施例的执行主体介绍，参考图1所示的应用场景示意图，在目标应用中的目标页面被终端设备加载后，终端设备向服务器发送检测信息，以请求服务器对当前加载的目标页面的页面布局进行检测，判断该目标页面的页面布局是否正常，或者，服务器通过主动访问终端设备一侧的功能接口，获得检测信息。具体地，一方面，终端设备向服务器发送的检测信息中，可以包括终端设备的设备标识、设备类型、屏幕分辨率等设备信息；另一方面，终端设备向服务器发送的检测信息用于确定目标页面内至少一个页面元素的相对位置信息，即服务器通过接收终端设备发送的检测信息而获得至少一个页面元素的相对位置信息。

具体地，一种可能的实现方式中，终端设备向服务器发送的检测信息中，包括相对位置信息，相对位置信息表征在终端设备一侧所显示的目标页面内，页面元素在目标页面内的相对位置，其中，页面元素例如为显示在目标页面内的图标、控件、图片等，相对位置是指页面元素在基于目标页面所对应的页面坐标系内的坐标，更具体地，相对位置为页面坐标系中的坐标，其中，页面坐标系的坐标值长度固定。图3为本公开实施例提供的一种页面坐标系的示意图，如图3所示，针对矩形的目标页面，以该目标页面的左上角端点为坐标原点，分别设置纵向且向下延伸的Y轴和横向且向右延伸的X轴。其中，X轴和Y轴具有固定长度，即X轴和Y轴具有固定的取值区间，例如X轴的长度为100，则X轴对应的取值区间为[0,100]；Y轴的长度为100，则Y轴对应的取值区间为[0,100]。其中，X轴和Y轴的长度无量纲。在此基础上，P1为目标页面内页面元素A的左上顶点、P2为目标页面内页面元素B的左上顶点，P1对应的坐标为（10,20），P2对应的坐标为（10,40）。上述坐标即页面元素A和页面元素B在目标页面内的相对位置，也即相对位置信息。当然，在另外可能的实现方式中，X轴和Y轴的长度可以不同，例如，X轴的长度为100、X轴的长度为178，此处不再赘述。

进一步地，终端设备向服务器发送的相对位置信息，是终端设备通过目标应用提供的功能接口获得的，具体实现方式此处不再赘述。

在另一种可能的实现方式中，终端设备向服务器发送的检测信息中，包括元素位置信息，元素位置信息表征终端设备对应的目标页面内所显示的目标页面元素的绝对位置。其中，绝对位置是指页面元素在目标页面内基于屏幕尺寸构建的坐标系下的坐标，当屏幕尺寸发生变化时，该基于屏幕尺寸构建的坐标系的坐标轴长度也会发生变化，相应的，页面元素的绝对位置也相应变化。示例性地，如图4所示，步骤S101的具体实现方式包括：

步骤S1011：获取元素位置信息，元素位置信息表征终端设备对应的目标页面内所显示的目标页面元素的绝对位置。

步骤S1012：根据元素位置信息和终端设备对应的目标页面的绝对尺寸，生成目标页面元素的相对位置信息。

示例性地，终端设备通过运行目标应用，显示目标应用内的目标页面，并通过访问目标应用所提供的功能接口，从目标页面所显示的所有页面元素中，确定至少一个目标页面元素，并获取该目标页面元素的绝对位置，生成元素位置信息，并将元素位置信息并发送至服务器。服务器获得元素位置信息后，根据元素位置信息中的信息，确定其所表征的目标页面元素绝对位置。其中，示例性地，元素位置信息中包含目标页面元素的识别标识，以及识别标识对应的绝对位置。

进一步地，服务器获取该目标页面的绝对尺寸。绝对尺寸是指目标页面在终端设备上显示时的实际尺寸，该绝对尺寸由目标页面的设计尺寸和终端设备的屏幕尺寸共同决定，在目标页面的设计尺寸固定的情况下，目标页面的实际尺寸（即绝对尺寸）会根据终端设备的屏幕尺寸而变换，终端设备通过目标应用提供的功能接口，获得上述元素位置信息，并发送至服务器，从而使服务器获得该绝对尺寸，之后服务器基于元素位置信息和绝对尺寸，确定相对位置信息。

具体地，例如页面元素A的绝对位置为[100,20]，单位为像素点，表征距离坐标原点横向100个像素点、纵向20个像素点的位置。之后根据目标页面的绝对尺寸，和目标页面元素的绝对位置的比例关系，确定目标页面元素在目标页面内的相对位置，即相对位置信息。示例性地，例如，目标页面的绝对尺寸为1080x1720，单位为像素点。则根据页面元素A的绝对位置[100,20]和目标页面的绝对尺寸1080x1720，确定页面元素A的相对位置为[100/1080,20/1720]，也即[0.09,0.01]，该坐标为归一化后的近似值，即坐标的X轴、Y轴的最大值均为1，对其进行百分制转换后，得到页面元素A的相对位置为[9，1]。该坐标即为页面元素A的相对位置信息。

由于页面坐标系的X轴和Y轴具有固定长度时，目标页面的尺寸即使发生变化，该页面坐标系的X轴和Y轴的长度也不会发生变化，因此，页面元素在目标页面内的相对位置也不会发生变化，从而避免终端设备的屏幕尺寸、分辨率变化导致的页面元素的绝对位置变化。

步骤S102：根据相对位置信息，得到检测结果，检测结果用于表征目标页面的页面布局是否正常。

示例性地，在得到相对位置信息后，基于页面布局对应的布局信息作为验证信息，对该相对位置信息进行验证，即可得到检测结果，其中，检测结果为第一结果或第二结果，第一结果表征目标页面的页面布局在终端设备一侧显示正常，第二结果表征目标页面的页面布局在终端设备一侧显示不正常。

示例性地，如图5所示，步骤S102的具体实现方式包括：

步骤S1021：获取目标页面元素对应的第二验证信息，第二验证信息表征目标页面元素在目标页面内预设的目标相对位置。

步骤S1022：根据第二验证信息和误差允许值，对目标页面元素的相对位置信息进行验证，得到检测结果。

示例性地，目标界面内包括至少一个页面元素，服务器接收到目标页面元素的相对位置信息后，针对该目标页面元素，获得对应的第二验证信息，第二验证信息页面布局正确时，目标页面元素的相对位置信息，该第二验证信息可以为包含在布局信息中的预设值，可以通过针对目标页面元素的标识进行查表而获得，此处不再赘述。之后，基于第二验证信息对目标元素的相对位置信息进行验证，若二者的差异小于误差允许值，则认为二者一致，得到第一结果，即目标页面的页面布局在终端设备一侧显示正常；若二者的差异大于误差允许值，则认为二者不一致，得到第二结果，即目标页面的页面布局在终端设备一侧显示不正常。

具体地，例如，针对目标页面元素A，根据页面布局对应的布局信息，其对应的理论相对位置为[0.25,0.5]，即该目标页面元素A位于目标界面内横向最大值0.25倍、纵向最大值0.5倍的位置；将该理论相对位置作为第二验证信息，对之前步骤得到的目标页面元素A的相对位置信息[0.25,0.5]进行验证，二者的差值小于误差允许值，则得到第一结果，即在该终端设备对应的目标页面内，该目标图形元素A，可以正常显示，与页面布局一致。

进一步地，该误差允许值可以是预设的固定值，也可以是基于目标页面元素的轮廓尺寸，和/或目标页面的轮廓尺寸而确定的动态值。在一种可能的实现方式中，在步骤S102之前，还包括：

步骤S102A：获取目标页面元素的轮廓尺寸，和/或目标页面的轮廓尺寸。

步骤S102B：根据目标页面元素的轮廓尺寸和/或目标页面的轮廓尺寸，获得误差允许值。

示例性地，获取目标页面内显示的目标页面元素的轮廓尺寸，以及目标页面的轮廓尺寸，可以通过目标应用所提供的功能接口实现，此处不再赘述。其中，轮廓尺寸的实现方式有多种，可以是轮廓对应的面积，也可以是轮廓对应的内切圆或外接圆半径，更具体地，例如，轮廓尺寸为矩形轮廓的对角线，也即，目标页面元素的轮廓尺寸为矩形的页面元素的对角线，目标页面的轮廓尺寸为目标页面的对角线。获得目标页面元素的轮廓尺寸和/或目标页面的轮廓尺寸后，基于该轮廓尺寸确定对应的误差允许值。在一种可能的实现方式中，误差允许值与轮廓尺寸成正比，轮廓尺寸越大，则误差允许值越大，二者之间的映射比例根据需要设置，不再举例赘述。

在另一种可能的实现方式中，根据目标页面元素的第一轮廓尺寸和目标页面的第二轮廓尺寸的比例值，确定误差允许值，误差允许值与比例值成反比。图6为本公开实施例提供的一种目标页面与目标页面元素的尺寸关系示意图，如图6所示，目标页面元素的对角线长度为第一轮廓尺寸（图中示为L1），目标页面的对角线长度为第二轮廓尺寸（图中示为L2），目标页面元素的第一轮廓尺寸和目标页面的第二轮廓尺寸的比例值，表征目标页面元素在目标页面内所占的比例，在实际应用过程中，当目标页面元素在目标页面内所占比例越大，目标页面元素的和目标页面的边缘距离相对越近，对二者位置关系的准确性的要求越高，在极限情况下，当目标页面元素的第一轮廓尺寸和目标页面的第二轮廓尺寸的比例值为1，则目标页面与目标页面元素的轮廓完全重合，此时，任何微小的误差，都会导致目标页面元素无法完全显示在目标页面内，导致页面布局出现可见性的错误；反之，当目标页面元素在目标页面内所占比例越小，目标页面元素的和目标页面的边缘距离相对越远，对二者位置关系的准确性的要求越低，即使目标页面元素与目标页面的相对位置发生一定（小于变化量阈值）改变，在视觉上也不以察觉。因此，根据目标页面元素的第一轮廓尺寸和目标页面的第二轮廓尺寸的比例值，确定误差允许值，可以使误差允许值与实际的页面布局相匹配，进一步地提高动态误差允许值的准确性，从而提高最终检测结果的准确性。

当然，可以理解的是，在其他可能的实施例中，本实施例的执行主体也可以是其他电子设备，例如运行目标应用程序的终端设备， 当终端设备为执行主体时，可以通过目标应用程序提供的接口，获得目标页面内的页面元素的相对位置信息，并基于相对位置信息，得到检测结果（即执行上述步骤S101和S102的步骤）。之后，可选地，终端设备可以进一步的基于检测结果，进行信息提示，或者，将该检测结果发送至对应的服务器，实现目标应用程序的错误信息采集，具体实现方式与之前实施例的实现过程类似，此处不再赘述。

在本实施例中，通过在目标页面加载后，获取目标页面内至少一个页面元素的相对位置信息，相对位置信息表征页面元素在目标页面内的相对位置；根据相对位置信息，得到检测结果，检测结果用于表征目标页面的页面布局是否正常。由于页面元素在目标页面内的布局，会受到终端设备的屏幕尺寸的影响，导致在不同屏幕尺寸下，页面元素在目标页面内的绝对位置发生变化，本实施例通过获取目标页面内页面元素的相对位置信息来进行布局检测，可以避免由于终端设备的屏幕尺寸变换而导致的页面元素的绝对位置的变化，进而准确的确定页面元素与目标页面之间的位置关系特征，实现对目标页面的页面布局的准确检测，提高检测效率和准确性。

参考图7，图7为本公开实施例提供的页面检测方法的流程示意图二。本实施例在图2所示实施例的基础上，对步骤S101-S102进一步细化，执行主体例如为服务器，示例性地，该页面检测方法包括：

步骤S201：接收终端设备发送的第一验证请求，第一验证请求是目标页面在终端设备加载完毕后生成的，用于触发对目标页面内的页面元素的检测。

步骤S202：响应于第一验证请求，向终端设备发送第二验证请求，第二验证请求用于指示目标页面内待检测的目标页面元素。

步骤S203：接收终端设备发送的元素位置信息，元素位置信息表征终端设备对应的目标页面内所显示的目标页面元素的绝对位置。

示例性地，图8为本公开实施例提供的一种获得元素位置信息的信令示意图，如图8所示，以服务器为本实施例方法的执行主体为例，当终端设备内运行的目标应用的目标页面加载完毕（S1、目标页面加载完毕）后，终端设备向服务器首先发送第一验证请求（S2、发送第一验证请求），该第一验证请求中可以包括例如设备编号、设备类型等设备信息，以及用于描述目标页面和目标页面内所显示的页面元素的页面信息，服务器接收第一验证请求，并根据上述第一验证请求中的设备信息、页面信息，来判断是否需要进一步检测（S3、解析第一验证请求并判断），一种可能的情况下，若服务器判断需要进一步检测，例如第一验证请求中携带的设备类型是未知类型时，服务器对第一验证请求进行响应，并向终端设备发送第二验证请求（S4、发送第二验证请求）。第二验证请求用于访问目标终端设备一侧（由目标应用提供）的功能接口，来获得目标页面元素的元素位置信息，其中，示例性地，第二验证请求中包含目标页面元素对应的标识，用以对目标页面元素进行指示，元素位置信息表征终端设备对应的目标页面内所显示的目标页面元素的绝对位置。之后，终端设备基于指示目标页面元素的标识，向服务器发送对应的该目标页面元素对应的元素位置信息（S5、发送元素位置信息）。其中，元素位置信息以及绝对位置的具体实现，在图2所示实施例中步骤S101处已进行详细介绍，此处不再赘述。

步骤S204：根据元素位置信息和终端设备对应的目标页面的绝对尺寸，生成目标页面元素的相对位置信息。

示例性地，元素位置信息包括目标页面元素的基准点在终端设备对应的目标页面内的像素坐标，目标页面的绝对尺寸包括纵向边缘尺寸和横向边缘尺寸。如图9所示，步骤S204的具体实现方式包括：

步骤S2041：根据像素坐标，确定第一距离和/或第二距离，其中，第一距离为目标页面元素的基准点至目标页面的纵向边缘的距离，第二距离为目标页面元素的基准点至目标页面的横向边缘的距离。

步骤S2042：根据第一距离，确定横向相对距离，和/或，根据第二距离，确定纵向相对距离，其中，横向相对距离为第一距离与横向边缘尺寸的比值，纵向相对距离为第二距离与纵向边缘尺寸的比值。

步骤S2043：根据横向相对距离和/或纵向相对距离，生成相对位置信息。

图10为本公开实施例提供的一种终端设备对应的目标页面的示意图，结合图10对上述步骤进行详细介绍，示例性地，参考图10所示，元素位置信息中包括目标页面元素A的基准点P在终端设备对应的目标页面内的像素坐标为[x_1,y_1]，其中，目标页面元素A的轮廓形状为矩形，目标页面元素A的基准点P即为目标页面元素A的左上顶点。在其他可能的情况中，基准点P还可以有其他实现方式，例如为目标页面元素A的右上顶点、左下顶点等，可按需要设置。之后，计算基准点P至目标页面的纵向边缘（图中示为Y边缘）的距离，即第一距离（图中示为D1）；基准点P至目标页面的横向边缘（图中示为X边缘）的距离，即第二距离（图中示为D2）。进一步地，根据第一距离与横向边缘尺寸Dx的比值，得到横向相对距离A_RDx，根据第二距离与纵向边缘尺寸Dy的比值，得到纵向相对距离A_RDy。从而，得到该目标页面元素A对应的相对位置信息info_A=[A_RDx, A_RDy]。

可以理解的是，在其他可能的实现方式中，还可以仅通过第一距离计算横向相对距离，或者，仅通过第二距离计算纵向相对距离，再单独通过横向相对距离或纵向相对距离来生成相对位置信息，相当于上述实施例的简化，具体实现方式步骤不再赘述。

步骤S205：根据相对位置信息，得到检测结果。

示例性地，基于上述介绍，在得到目标页面元素的相对位置信息后，根据预设的、目标页面元素的验证信息，分别结合对应的误差允许值，对相对位置信息中的横向相对距离和/或纵向相对距离进行验证，即可得到验证结果，具体实现方式在图2所示实施例中已进行介绍，此处不再赘述。

在另一种可能的实现方式中，如图11所示，步骤S205的具体实现方式包括：

步骤S2051：根据相对位置信息，得到目标页面的相对布局信息，相对布局信息表征目标页面内的至少两个目标页面元素之间的位置关系。

步骤S2052：根据相对布局信息和第一验证信息，得到检测结果，第一验证信息表征至少两个页面元素之间预设的位置关系。

示例性地，在获得相对位置信息后，当目标页面内的目标页面元素有多个的情况下，各目标页面元素之间，也存在一定位置关系，根据各目标页面元素之间的位置关系进行验证，来确定目标页面的页面布局是否与理想的页面布局一致，即得到检测结果。具体地，获取每一目标页面元素的相对位置信息，之后，根据每一目标页面元素对应的横向相对距离之间的相对差值，得到表征各目标页面元素之间的位置关系的横向差值特征，类似的，根据每一目标页面元素对应的纵向相对距离之间的相对差值，得到表征各目标页面元素之间的位置关系的纵向差值特征。结合横向差值特征和纵向差值特征，即得到相对布局信息。

例如，目标页面中包括目标页面元素A、目标页面元素B和目标页面元素C。基于之前步骤，已获得标页面元素A、目标页面元素B和目标页面元素C对应的相对位置信息，分别为[A_RDx, A_RDy]、[B_RDx, B_RDy]和[C_RDx, C_RDy]，不再赘述。之后，根据每一目标页面元素对应的横向相对距离之间的相对差值，得到目标页面元素A、目标页面元素B和目标页面元素C的横向差值特征Tx为：

Tx=[A_RDx-B_RDx, A_RDx-C_RDx, B_RDx-C_RDx]

类似的，根据每一目标页面元素对应的纵向相对距离之间的相对差值，得到目标页面元素A、目标页面元素B和目标页面元素C的纵向差值特征Ty为：

Ty=[A_RDy- B_RDy, A_RDy-C_RDy, B_RDy-C_RDy]。

合并纵向差值特征Ty和纵向差值特征Ty，得到相对布局信息[Tx, Ty]。之后，示例性地，根据目标页面的页面布局信息，得到表征至少两个页面元素之间预设的位置关系的第一验证信息，基于第一验证信息对上述相对布局信息进行验证，例如对第一验证信息对应的特征矩阵和相对布局信息对应的特征矩阵进行特征对比，得到特征相似度，进而根据该特征相似度的大小，得到检测结果，特征相似度的具体计算方式为现有技术，此处不再赘述。

本实施例步骤中，通过将多个目标页面元素的相对位置信息，计算表征目标页面内的至少两个目标页面元素之间的位置关系的相对布局信息，并基于相对布局信息进行验证，得到检测结果，由于利用了目标页面元素之间的位置关系的特征，对页面布局的正确性进行判断，避免了目标页面的尺寸发生导致的计算结果的不准确性，提高了页面布局检测的准确性。

对应于上文实施例的页面检测方法，图12为本公开实施例提供的页面检测装置的结构框图。为了便于说明，仅示出了与本公开实施例相关的部分。参照图12，页面检测装置3包括：

检测模块31，用于在目标页面加载后，获取目标页面内至少一个页面元素的相对位置信息，相对位置信息表征页面元素在目标页面内的相对位置；

处理模块32，用于根据相对位置信息，得到检测结果，检测结果用于表征目标页面的页面布局是否正常。

在本公开的一个实施例中，检测模块31在获取目标页面内至少一个页面元素的相对位置信息时，具体用于：获取元素位置信息，元素位置信息表征终端设备对应的目标页面内所显示的目标页面元素的绝对位置；根据元素位置信息和终端设备对应的目标页面的绝对尺寸，生成目标页面元素的相对位置信息。

在本公开的一个实施例中，元素位置信息包括目标页面元素的基准点在终端设备对应的目标页面内的像素坐标，目标页面的绝对尺寸包括纵向边缘尺寸和横向边缘尺寸；检测模块31在根据元素位置信息和终端设备对应的目标页面的绝对尺寸，生成目标页面元素的相对位置信息时，具体用于：根据像素坐标，确定第一距离和/或第二距离，其中，第一距离为目标页面元素的基准点至目标页面的纵向边缘的距离，第二距离为目标页面元素的基准点至目标页面的横向边缘的距离；根据第一距离，确定横向相对距离，和/或，根据第二距离，确定纵向相对距离，其中，横向相对距离为第一距离与横向边缘尺寸的比值，纵向相对距离为第二距离与纵向边缘尺寸的比值；根据横向相对距离和/或纵向相对距离，生成相对位置信息。

在本公开的一个实施例中，在获取元素位置信息之前，检测模块31，还用于：接收第一验证请求，第一验证请求是目标页面在终端设备加载完毕后生成的，用于触发对目标页面内的页面元素的检测；响应于第一验证请求，向终端设备发送第二验证请求，第二验证请求用于指示目标页面内待检测的目标页面元素。

在本公开的一个实施例中，处理模块32，具体用于：根据相对位置信息，得到目标页面的相对布局信息，相对布局信息表征目标页面内的至少两个目标页面元素之间的位置关系；根据相对布局信息和第一验证信息，得到检测结果，第一验证信息表征至少两个页面元素之间预设的位置关系。

在本公开的一个实施例中，处理模块32，具体用于：获取目标页面元素对应的第二验证信息，第二验证信息表征目标页面元素在目标页面内预设的目标相对位置；根据第二验证信息和误差允许值，对目标页面元素的相对位置信息进行验证，得到检测结果。

在本公开的一个实施例中，处理模块32，还用于：获取目标页面元素的轮廓尺寸，和/或目标页面的轮廓尺寸；根据目标页面元素的轮廓尺寸和/或目标页面的轮廓尺寸，获得误差允许值。

在本公开的一个实施例中，处理模块32在根据目标页面元素的轮廓尺寸和/或目标页面的轮廓尺寸，获得误差允许值时，具体用于：根据目标页面元素的第一轮廓尺寸和目标页面的第二轮廓尺寸的比例值，确定误差允许值，误差允许值与比例值成反比。

其中，检测模块31和处理模块32连接。本实施例提供的页面检测装置3可以执行上述方法实施例的技术方案，其实现原理和技术效果类似，本实施例此处不再赘述。

本公开实施例提供了一种电子设备，该电子设备包括：

处理器，以及与处理器通信连接的存储器；

存储器存储计算机执行指令；

处理器执行存储器存储的计算机执行指令，以实现如图2-图11所示实施例中的页面检测方法。

其中，可选地，处理器和存储器通过总线连接。

相关说明可以对应参见图2-图11所对应的实施例中的步骤所对应的相关描述和效果进行理解，此处不做过多赘述。

本公开实施例提供一种计算机可读存储介质，计算机可读存储介质中存储有计算机执行指令，计算机执行指令被处理器执行时用于实现本公开图2-图11所对应的实施例中任一实施例提供的页面检测方法。

参考图13，其示出了适于用来实现本公开实施例的电子设备900的结构示意图，该电子设备900可以为终端设备或服务器。其中，终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、个人数字助理（Personal Digital Assistant，简称PDA）、平板电脑（Portable Android Device，简称PAD）、便携式多媒体播放器（Portable MediaPlayer，简称PMP）、车载终端（例如车载导航终端）等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图13示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图13所示，电子设备900可以包括处理装置901（例如中央处理器、图形处理器等），其可以根据存储在只读存储器（Read Only Memory ，简称ROM902）中的程序或者从存储装置908加载到随机访问存储器（Random Access Memory ，简称RAM903）中的程序而执行各种适当的动作和处理。在RAM 903中，还存储有电子设备900操作所需的各种程序和数据。处理装置901、ROM 902以及RAM 903通过总线904彼此相连。输入/输出（I/O）接口905也连接至总线904。

通常，以下装置可以连接至I/O接口905：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置906；包括例如液晶显示器（Liquid CrystalDisplay ，简称LCD）、扬声器、振动器等的输出装置907；包括例如磁带、硬盘等的存储装置908；以及通信装置909。通信装置909可以允许电子设备900与其他设备进行无线或有线通信以交换数据。虽然图13示出了具有各种装置的电子设备900，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置909从网络上被下载和安装，或者从存储装置908被安装，或者从ROM 902被安装。在该计算机程序被处理装置901执行时，执行本公开实施例的方法中限定的上述功能。

需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器（RAM）、只读存储器（ROM）、可擦式可编程只读存储器（EPROM或闪存）、光纤、便携式紧凑磁盘只读存储器（CD-ROM）、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF（射频）等等，或者上述的任意合适的组合。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。

上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备执行上述实施例所示的方法。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网（LocalArea Network ，简称LAN）或广域网（Wide Area Network ，简称WAN）—连接到用户计算机，或者，可以连接到外部计算机（例如利用因特网服务提供商来通过因特网连接）。

附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定，例如，第一获取单元还可以被描述为“获取至少两个网际协议地址的单元”。

本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列（FPGA）、专用集成电路（ASIC）、专用标准产品（ASSP）、片上系统（SOC）、复杂可编程逻辑设备（CPLD）等等。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器（RAM）、只读存储器（ROM）、可擦除可编程只读存储器（EPROM或快闪存储器）、光纤、便捷式紧凑盘只读存储器（CD-ROM）、光学储存设备、磁储存设备、或上述内容的任何合适组合。

第一方面，根据本公开的一个或多个实施例，提供了一种页面检测方法，包括：

在目标页面加载后，获取所述目标页面内至少一个页面元素的相对位置信息，所述相对位置信息表征所述页面元素在所述目标页面内的相对位置；根据所述相对位置信息，得到检测结果，所述检测结果用于表征所述目标页面的页面布局是否正常。

根据本公开的一个或多个实施例，所述获取所述目标页面内至少一个页面元素的相对位置信息，包括：获取元素位置信息，所述元素位置信息表征终端设备对应的目标页面内所显示的目标页面元素的绝对位置；根据所述元素位置信息和所述终端设备对应的目标页面的绝对尺寸，生成所述目标页面元素的相对位置信息。

根据本公开的一个或多个实施例，所述元素位置信息包括所述目标页面元素的基准点在所述终端设备对应的目标页面内的像素坐标，所述目标页面的绝对尺寸包括纵向边缘尺寸和横向边缘尺寸；所述根据所述元素位置信息和所述终端设备对应的目标页面的绝对尺寸，生成所述目标页面元素的相对位置信息，包括：根据所述像素坐标，确定第一距离和/或第二距离，其中，所述第一距离为所述目标页面元素的基准点至所述目标页面的纵向边缘的距离，所述第二距离为所述目标页面元素的基准点至所述目标页面的横向边缘的距离；根据所述第一距离，确定横向相对距离，和/或，根据所述第二距离，确定纵向相对距离，其中，所述横向相对距离为所述第一距离与所述横向边缘尺寸的比值，所述纵向相对距离为所述第二距离与所述纵向边缘尺寸的比值；根据所述横向相对距离和/或所述纵向相对距离，生成相对位置信息。

根据本公开的一个或多个实施例，在所述获取元素位置信息之前，还包括：接收第一验证请求，所述第一验证请求是所述目标页面在所述终端设备加载完毕后生成的，用于触发对目标页面内的页面元素的检测；响应于所述第一验证请求，向所述终端设备发送第二验证请求，所述第二验证请求用于指示目标页面内待检测的目标页面元素。

根据本公开的一个或多个实施例，所述根据所述相对位置信息，得到检测结果，包括：根据所述相对位置信息，得到所述目标页面的相对布局信息，所述相对布局信息表征所述目标页面内的至少两个目标页面元素之间的位置关系；根据所述相对布局信息和第一验证信息，得到所述检测结果，所述第一验证信息表征至少两个页面元素之间预设的位置关系。

根据本公开的一个或多个实施例，所述根据所述相对位置信息，得到检测结果，包括：获取目标页面元素对应的第二验证信息，所述第二验证信息表征所述目标页面元素在所述目标页面内预设的目标相对位置；根据所述第二验证信息和误差允许值，对所述目标页面元素的相对位置信息进行验证，得到所述检测结果。

根据本公开的一个或多个实施例，所述方法还包括：获取所述目标页面元素的轮廓尺寸，和/或所述目标页面的轮廓尺寸；根据目标页面元素的轮廓尺寸和/或所述目标页面的轮廓尺寸，获得所述误差允许值。

根据本公开的一个或多个实施例，所述根据目标页面元素的轮廓尺寸和/或所述目标页面的轮廓尺寸，获得所述误差允许值，包括：根据所述目标页面元素的第一轮廓尺寸和所述目标页面的第二轮廓尺寸的比例值，确定所述误差允许值，所述误差允许值与所述比例值成反比。

第二方面，根据本公开的一个或多个实施例，提供了一种页面检测装置，包括：

检测模块，用于在目标页面加载后，获取所述目标页面内至少一个页面元素的相对位置信息，所述相对位置信息表征所述页面元素在所述目标页面内的相对位置；

处理模块，用于根据所述相对位置信息，得到检测结果，所述检测结果用于表征所述目标页面的页面布局是否正常。

根据本公开的一个或多个实施例，所述检测模块在获取所述目标页面内至少一个页面元素的相对位置信息时，具体用于：获取元素位置信息，所述元素位置信息表征终端设备对应的目标页面内所显示的目标页面元素的绝对位置；根据所述元素位置信息和所述终端设备对应的目标页面的绝对尺寸，生成所述目标页面元素的相对位置信息。

根据本公开的一个或多个实施例，所述元素位置信息包括所述目标页面元素的基准点在所述终端设备对应的目标页面内的像素坐标，所述目标页面的绝对尺寸包括纵向边缘尺寸和横向边缘尺寸；所述检测模块在根据所述元素位置信息和所述终端设备对应的目标页面的绝对尺寸，生成所述目标页面元素的相对位置信息时，具体用于：根据所述像素坐标，确定第一距离和/或第二距离，其中，所述第一距离为所述目标页面元素的基准点至所述目标页面的纵向边缘的距离，所述第二距离为所述目标页面元素的基准点至所述目标页面的横向边缘的距离；根据所述第一距离，确定横向相对距离，和/或，根据所述第二距离，确定纵向相对距离，其中，所述横向相对距离为所述第一距离与所述横向边缘尺寸的比值，所述纵向相对距离为所述第二距离与所述纵向边缘尺寸的比值；根据所述横向相对距离和/或所述纵向相对距离，生成相对位置信息。

根据本公开的一个或多个实施例，在所述获取元素位置信息之前，所述检测模块，还用于：接收第一验证请求，所述第一验证请求是所述目标页面在所述终端设备加载完毕后生成的，用于触发对目标页面内的页面元素的检测；响应于所述第一验证请求，向所述终端设备发送第二验证请求，所述第二验证请求用于指示目标页面内待检测的目标页面元素。

根据本公开的一个或多个实施例，所述处理模块，具体用于：根据所述相对位置信息，得到所述目标页面的相对布局信息，所述相对布局信息表征所述目标页面内的至少两个目标页面元素之间的位置关系；根据所述相对布局信息和第一验证信息，得到所述检测结果，所述第一验证信息表征至少两个页面元素之间预设的位置关系。

根据本公开的一个或多个实施例，所述处理模块，具体用于：获取目标页面元素对应的第二验证信息，所述第二验证信息表征所述目标页面元素在所述目标页面内预设的目标相对位置；根据所述第二验证信息和误差允许值，对所述目标页面元素的相对位置信息进行验证，得到所述检测结果。

根据本公开的一个或多个实施例，所述处理模块，还用于：获取所述目标页面元素的轮廓尺寸，和/或所述目标页面的轮廓尺寸；根据目标页面元素的轮廓尺寸和/或所述目标页面的轮廓尺寸，获得所述误差允许值。

根据本公开的一个或多个实施例，所述处理模块在根据目标页面元素的轮廓尺寸和/或所述目标页面的轮廓尺寸，获得所述误差允许值时，具体用于：根据所述目标页面元素的第一轮廓尺寸和所述目标页面的第二轮廓尺寸的比例值，确定所述误差允许值，所述误差允许值与所述比例值成反比。

第三方面，根据本公开的一个或多个实施例，提供了一种电子设备，包括：处理器，以及与所述处理器通信连接的存储器；

所述存储器存储计算机执行指令；

所述处理器执行所述存储器存储的计算机执行指令，以实现如上第一方面以及第一方面各种可能的设计所述的页面检测方法。

第四方面，根据本公开的一个或多个实施例，提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机执行指令，当处理器执行所述计算机执行指令时，实现如上第一方面以及第一方面各种可能的设计所述的页面检测方法。

第五方面，本公开实施例提供一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现如上第一方面以及第一方面各种可能的设计所述的页面检测方法。

以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的（但不限于）具有类似功能的技术特征进行互相替换而形成的技术方案。

此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。

尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题，但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反，上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。

Claims (9)

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

在目标页面加载后，获取所述目标页面内至少一个页面元素的相对位置信息，所述相对位置信息表征所述页面元素在所述目标页面内的相对位置；

根据所述相对位置信息，得到检测结果，所述检测结果用于表征所述目标页面的页面布局是否正常；

所述根据所述相对位置信息，得到检测结果，包括：

根据所述相对位置信息，得到所述目标页面的相对布局信息，所述相对布局信息表征所述目标页面内的至少两个目标页面元素之间的位置关系；根据所述相对布局信息和第一验证信息，得到所述检测结果，所述第一验证信息表征至少两个页面元素之间预设的位置关系；或者，

获取目标页面元素对应的第二验证信息，所述第二验证信息表征所述目标页面元素在所述目标页面内预设的目标相对位置；根据所述第二验证信息和误差允许值，对所述目标页面元素的相对位置信息进行验证，得到所述检测结果。

2.根据权利要求1所述的方法，其特征在于，所述获取所述目标页面内至少一个页面元素的相对位置信息，包括：

获取元素位置信息，所述元素位置信息表征终端设备对应的目标页面内所显示的目标页面元素的绝对位置；

根据所述元素位置信息和所述终端设备对应的目标页面的绝对尺寸，生成所述目标页面元素的相对位置信息。

3.根据权利要求2所述的方法，其特征在于，所述元素位置信息包括所述目标页面元素的基准点在所述终端设备对应的目标页面内的像素坐标，所述目标页面的绝对尺寸包括纵向边缘尺寸和横向边缘尺寸；

所述根据所述元素位置信息和所述终端设备对应的目标页面的绝对尺寸，生成所述目标页面元素的相对位置信息，包括：

根据所述像素坐标，确定第一距离和/或第二距离，其中，所述第一距离为所述目标页面元素的基准点至所述目标页面的纵向边缘的距离，所述第二距离为所述目标页面元素的基准点至所述目标页面的横向边缘的距离；

根据所述第一距离，确定横向相对距离，和/或，根据所述第二距离，确定纵向相对距离，其中，所述横向相对距离为所述第一距离与所述横向边缘尺寸的比值，所述纵向相对距离为所述第二距离与所述纵向边缘尺寸的比值；

根据所述横向相对距离和/或所述纵向相对距离，生成相对位置信息。

4.根据权利要求2所述的方法，其特征在于，在所述获取元素位置信息之前，还包括：

接收第一验证请求，所述第一验证请求是所述目标页面在所述终端设备加载完毕后生成的，用于触发对目标页面内的页面元素的检测；

响应于所述第一验证请求，向所述终端设备发送第二验证请求，所述第二验证请求用于指示目标页面内待检测的目标页面元素。

5.根据权利要求1所述的方法，其特征在于，所述方法还包括：

获取所述目标页面元素的轮廓尺寸，和/或所述目标页面的轮廓尺寸；

根据目标页面元素的轮廓尺寸和/或所述目标页面的轮廓尺寸，获得所述误差允许值。

6.根据权利要求5所述的方法，其特征在于，所述根据目标页面元素的轮廓尺寸和/或所述目标页面的轮廓尺寸，获得所述误差允许值，包括：

根据所述目标页面元素的第一轮廓尺寸和所述目标页面的第二轮廓尺寸的比例值，确定所述误差允许值，所述误差允许值与所述比例值成反比。

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

检测模块，用于在目标页面加载后，获取所述目标页面内至少一个页面元素的相对位置信息，所述相对位置信息表征所述页面元素在所述目标页面内的相对位置；

处理模块，用于根据所述相对位置信息，得到检测结果，所述检测结果用于表征所述目标页面的页面布局是否正常；

所述处理模块，具体用于：

根据所述相对位置信息，得到所述目标页面的相对布局信息，所述相对布局信息表征所述目标页面内的至少两个目标页面元素之间的位置关系；根据所述相对布局信息和第一验证信息，得到所述检测结果，所述第一验证信息表征至少两个页面元素之间预设的位置关系；或者，

获取目标页面元素对应的第二验证信息，所述第二验证信息表征所述目标页面元素在所述目标页面内预设的目标相对位置；根据所述第二验证信息和误差允许值，对所述目标页面元素的相对位置信息进行验证，得到所述检测结果。

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

所述存储器存储计算机执行指令；

所述处理器执行所述存储器存储的计算机执行指令，以实现如权利要求1至6中任一项所述的页面检测方法。

9.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机执行指令，当处理器执行所述计算机执行指令时，实现如权利要求1至6任一项所述的页面检测方法。

Images