页面异常区域确定方法、装置、设备及存储介质与流程

本技术涉及页面处理，尤其涉及一种页面异常区域确定方法、装置、设备及存储介质。

背景技术：

1、目前，网页、应用程序或者小程序均可以展示多种页面，因此，页面显示的稳定性就变得越来越重要。但是页面可能会显示异常，为了避免页面显示异常，一般需要应用程序开发人员优化页面，进而确保网页、应用程序或者小程序的页面显示稳定。

2、目前，检测页面显示异常时通过人工或者编写自动化脚本进行判断的，具体的，可以通过如下方式检测页面：

3、一是手动测试。手动测试是最基本的页面异常检测方法。测试人员需要按照特定的测试用例，测试所有应用程序、小程序或者网页的功能，并记录任何发现的页面异常。这种方法可以帮助测试人员发现任何与页面有关的问题。

4、二是自动化测试。自动化测试可以帮助测试人员更快地执行测试用例，并减少错误率。自动化测试工具可以模拟用户在页面上进行的各种操作，以检测页面异常。

5、三是灰度测试。灰度测试是将页面提供给限制的用户群体，在真实环境下使用并报告问题的过程。这种方法可以帮助开发人员了解终端用户对页面的反应，并发现页面异常。

6、四是众测或者用户反馈。众测或者用户反馈通常会指出常见的页面异常或其他问题，因此收集用户反馈可能是检测页面异常的有效方法。可以通过反馈表单、应用市场评论或社交媒体等方式收集用户反馈，并根据反馈信息修复页面异常。

7、五是基于ai模型识别技术，需要提前准备大量异常样本数据，如包含异常白色块的页面截图，训练页面异常检测模型。后续将图像输入ai模型后，识别是否包含白色方块。

8、但是，在页面较多并且页面迭代频繁的场景下，如果均采用上述测试方法，则测试周期比较长、人工耗时多并且测试的准确性低。

9、因此，亟需一种页面异常区域确定方法，能够不依赖人工测试，进而减少测试周期，降低人工耗时的同时，提高测试的准确性。

技术实现思路

1、本技术提供一种页面异常区域确定方法、装置、设备及存储介质，能够不依赖人工测试，进而减少测试周期，降低人工耗时的同时，提高测试的准确性。

2、第一方面，本技术提供一种页面异常区域确定方法，所述方法包括：

3、获取目标对象的页面文档对象模型的树结构，并根据所述页面文档对象模型的树结构确定页面节点；其中，所述页面文档对象模型的树结构中包括多个所述页面节点；所述页面节点表征页面图像；

4、响应于所述页面节点的触发操作，跳转至所述页面节点对应的所述页面图像，并截取所述页面图像；

5、对所述页面图像进行区域分割，得到元素区域；其中，所述元素区域的数量为至少一个；所述元素区域表征所述页面图像中的组成元素所在的区域；

6、计算所述元素区域中像素点的灰度方差值，并根据所述灰度方差值，确定异常区域；其中，所述灰度方差值表征所述元素区域中的图像信息的丰富程度。

7、在一个示例中，所述计算所述元素区域中像素点的灰度方差值，并根据所述灰度方差值，确定异常区域，包括：

8、计算所述元素区域中像素点的灰度方差值；

9、若所述灰度方差值小于阈值，则确定所述元素区域为异常区域。

10、在一个示例中，所述计算所述元素区域中像素点的灰度方差值，包括：

11、获取所述元素区域中像素点的灰度平均值；

12、根据所述灰度平均值，计算所述元素区域中像素点的灰度方差值。

13、在一个示例中，所述方法还包括：

14、对所述异常区域进行字符检测，得到字符检测结果；

15、若所述字符检测结果表征所述异常区域没有字符信息，则确定所述异常区域为元素显示失败区域；

16、若所述字符检测结果表征所述异常区域包括预设异常字符，则确定所述异常区域为显示失败区域。

17、在一个示例中，在所述获取目标对象的页面文档对象模型的树结构之前，所述方法还包括：

18、获取目标对象，并根据所述目标对象的属性信息确定识别所述目标对象的页面工具；其中，所述页面工具用于获取目标对象的页面文档对象模型的树结构。

19、在一个示例中，在所述对所述页面图像进行区域分割，得到元素区域之前，所述方法还包括：

20、对所述页面图像按照预设的尺寸进行缩放，得到缩放结果；

21、对所述缩放结果中的无效区域进行裁剪，得到裁剪结果；

22、对所述裁剪结果进行灰度处理，得到灰度处理后的页面图像。

23、在一个示例中，所述方法还包括：

24、将所述显示失败区域进行统计，并生成统计报告，将所述统计报告发送至用户端。

25、第二方面，本技术提供一种页面异常区域确定装置，所述装置包括：

26、获取单元，用于获取目标对象的页面文档对象模型的树结构，并根据所述页面文档对象模型的树结构确定页面节点；其中，所述页面文档对象模型的树结构中包括多个所述页面节点；所述页面节点表征页面图像；

27、跳转单元，用于响应于所述页面节点的触发操作，跳转至所述页面节点对应的所述页面图像，并截取所述页面图像；

28、第一确定单元，用于对所述页面图像进行区域分割，得到元素区域；其中，所述元素区域的数量为至少一个；所述元素区域表征所述页面图像中的组成元素所在的区域；

29、第二确定单元，用于计算所述元素区域中像素点的灰度方差值，并根据所述灰度方差值，确定异常区域；其中，所述灰度方差值表征所述元素区域中的图像信息的丰富程度。

30、在一个示例中，第二确定单元，包括：

31、计算模块，用于计算所述元素区域中像素点的灰度方差值；

32、确定模块，用于若所述灰度方差值小于阈值，则确定所述元素区域为异常区域。

33、在一个示例中，计算模块，包括：

34、获取子模块，用于获取所述元素区域中像素点的灰度平均值；

35、计算子模块，用于根据所述灰度平均值，计算所述元素区域中像素点的灰度方差值。

36、在一个示例中，所述装置还包括：

37、检测单元，用于对所述异常区域进行字符检测，得到字符检测结果；

38、第三确定单元，用于若所述字符检测结果表征所述异常区域没有字符信息，则确定所述异常区域为元素显示失败区域；

39、第四确定单元，用于若所述字符检测结果表征所述异常区域包括预设异常字符，则确定所述异常区域为显示失败区域。

40、在一个示例中，所述装置还包括：

41、第五确定单元，用于获取目标对象，并根据所述目标对象的属性信息确定识别所述目标对象的页面工具；其中，所述页面工具用于获取目标对象的页面文档对象模型的树结构。

42、在一个示例中，所述装置还包括：

43、缩放单元，用于对所述页面图像按照预设的尺寸进行缩放，得到缩放结果；

44、裁剪单元，用于对所述缩放结果中的无效区域进行裁剪，得到裁剪结果；

45、灰度处理单元，用于对所述裁剪结果进行灰度处理，得到灰度处理后的页面图像。

46、在一个示例中，所述装置还包括：

47、统计单元，用于将所述显示失败区域进行统计，并生成统计报告，将所述统计报告发送至用户端。

48、第三方面，本技术提供一种电子设备，包括：处理器，以及与所述处理器通信连接的存储器；

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

50、所述处理器执行所述存储器存储的计算机执行指令，以实现如第一方面所述的方法。

51、第四方面，本技术提供一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现如第一方面所述的方法。

52、第五方面，本技术提供一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现如第一方面所述的方法。

53、本技术提供的一种页面异常区域确定方法、装置、设备及存储介质，通过获取目标对象的页面文档对象模型的树结构，并根据所述页面文档对象模型的树结构确定页面节点；其中，所述页面文档对象模型的树结构中包括多个所述页面节点；所述页面节点表征页面图像；响应于所述页面节点的触发操作，跳转至所述页面节点对应的所述页面图像，并截取所述页面图像；对所述页面图像进行区域分割，得到元素区域；其中，所述元素区域的数量为至少一个；所述元素区域表征所述页面图像中的组成元素所在的区域；计算所述元素区域中像素点的灰度方差值，并根据所述灰度方差值，确定异常区域；其中，所述灰度方差值表征所述元素区域中的图像信息的丰富程度。采用本技术方案，能够不依赖人工测试，进而减少测试周期，降低人工耗时的同时，提高测试的准确性。