页面兼容性检测方法、装置、设备及存储介质制造方法及图纸

本申请公开了一种页面兼容性检测方法、装置、设备及存储介质，所述方法包括：展示用于输入页面地址信息的目标区域；响应于对所述目标区域的触发指令，确定待测页面地址信息；获取待检测终端的目标机型标识信息；在与所述目标机型标识信息匹配的测试浏览器中，展示与所述待测页面地址信息匹配的目标页面；对所述目标页面中元素进行标记，构建节点树；确定所述节点树中第一节点所占的第一矩阵区域以及对应的第二节点所占的第二矩阵区域；当所述第一矩阵区域在所述第二矩阵区域内时，确定所述目标页面与所述待检测终端兼容。采用本申请的技术方案，提高了页面兼容性检测准确率和检测效率。率。率。

【技术实现步骤摘要】
页面兼容性检测方法、装置、设备及存储介质


[0001]本申请涉及互联网
，尤其涉及一种页面兼容性检测方法、装置、设备及存储介质。

技术介绍

[0002]对于页面兼容性检测，已存在的检测方案有图像识别匹配方案，根据预先配置的数据模型获取所述多张图片对应的相似度，其中，所述数据模型为根据多个预先配置的数据集合训练得到的，每个数据集合均包括相似度为预定值的多张图片；将所述多张图片对应的相似度与预先设置的阈值进行比较；在所述多张图片对应的相似度超过所述阈值的情况下，确定所述多张图片对应的网页的兼容性测试通过。因页面复杂性不同，对于相对复杂的页面，常规图像识别检测准确率较低；需要进行图像识别模型训练，依赖较多的图像源。
[0003]对于异形屏页面的检测以及页面国际化的检测，目前暂无较有效的自动化测试方案，均是通过人工进行验证测试，检测效率较低。
[0004]因此，有必要提供一种页面兼容性检测方法、装置、设备及存储介质，以提高页面兼容性检测准确率和检测效率。

技术实现思路

[0005]本申请提供了一种页面兼容性检测方法、装置、设备及存储介质，可以提高页面兼容性检测准确率和检测效率，并降低了检测成本。
[0006]一方面，本申请提供了一种页面兼容性检测方法，所述方法包括：
[0007]展示用于输入页面地址信息的目标区域；
[0008]响应于对所述目标区域的触发指令，确定待测页面地址信息；
[0009]获取待检测终端的目标机型标识信息；
[0010]在与所述目标机型标识信息匹配的测试浏览器中，展示与所述待测页面地址信息匹配的目标页面；
[0011]对所述目标页面中元素进行标记，构建节点树；
[0012]确定所述节点树中第一节点所占的第一矩阵区域以及对应的第二节点所占的第二矩阵区域；所述对应的第二节点为所述第一节点的父节点；
[0013]当所述第一矩阵区域在所述第二矩阵区域内时，确定所述目标页面与所述待检测终端兼容。
[0014]另一方面提供了一种页面兼容性检测装置，所述装置包括：
[0015]目标区域输入模块，用于展示用于输入页面地址信息的目标区域；
[0016]待测页面地址信息确定模块，用于响应于对所述目标区域的触发指令，确定待测页面地址信息；
[0017]标识信息获取模块，用于获取待检测终端的目标机型标识信息；
[0018]目标页面展示模块，用于在与所述目标机型标识信息匹配的测试浏览器中，展示
与所述待测页面地址信息匹配的目标页面；
[0019]节点树构建模块，用于对所述目标页面中元素进行标记，构建节点树；
[0020]矩阵区域确定模块，用于确定所述节点树中第一节点所占的第一矩阵区域以及对应的第二节点所占的第二矩阵区域；所述对应的第二节点为所述第一节点的父节点；
[0021]兼容性确定模块，用于当所述第一矩阵区域在所述第二矩阵区域内时，确定所述目标页面与所述待检测终端兼容。
[0022]另一方面提供了一种页面兼容性检测设备，所述设备包括处理器和存储器，所述存储器中存储有至少一条指令或至少一段程序，所述至少一条指令或所述至少一段程序由所述处理器加载并执行以实现如上所述的页面兼容性检测方法。
[0023]另一方面提供了一种计算机存储介质，所述计算机存储介质存储有至少一条指令或至少一段程序，所述至少一条指令或至少一段程序由处理器加载并执行以实现如上所述的页面兼容性检测方法。
[0024]另一方面提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行如上所述的页面兼容性检测方法。
[0025]本申请提供的页面兼容性检测方法、装置、设备及存储介质，具有如下技术效果：
[0026]本申请通过展示目标区域，响应于对目标区域的触发指令，确定待测页面地址信息；并在与目标机型标识匹配的测试浏览器中，展示与待测页面地址信息匹配的目标页面；从而可以快速展示目标页面；通过对目标页面中元素进行标记，构建节点树，从而得到节点数中每个节点所占的矩阵区域，当第一节点所占的第一矩阵区域在对应的第二节点所占的第二矩阵区域内时，确定目标页面与待检测终端兼容；从而通过两个矩阵区域的重叠情况来确定页面的兼容性，不需要进行模型训练，提高了页面兼容性检测准确率和检测效率。
附图说明
[0027]为了更清楚地说明本申请实施例或现有技术中的技术方案和优点，下面将对实施例或现有技术描述中所需要使用的附图作简单的介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它附图。
[0028]图1是本申请实施例提供的一种页面兼容性检测系统的示意图；
[0029]图2是本申请实施例提供的一种页面兼容性检测方法的流程示意图；
[0030]图3是本申请实施例提供的一种确定更新节点树中第一更新节点所占的第一矩阵区域以及对应的第二更新节点所占的第二矩阵区域的方法的流程示意图；
[0031]图4是本申请实施例提供的一种确定更新节点树的方法的流程示意图；
[0032]图5是本申请实施例提供的节点树中body节点示意图；
[0033]图6是本申请实施例提供的确定过滤后节点树的方法的流程示意图；
[0034]图7是本申请实施例提供的节点树中非页面渲染元素示意图；
[0035]图8是本申请实施例提供的节点树中font标签示意图；
[0036]图9是本申请实施例提供的确定目标页面与待检测终端兼容的方法的流程示意
图；
[0037]图10是本申请实施例提供的页面兼容性检测方法的流程示意图；
[0038]图11是本申请实施例提供的设置异形屏矢量图分辨率的方法的流程示意图；
[0039]图12是本申请实施例提供的异形屏中异形区域的矢量图；
[0040]图13是本申请实施例提供的确定目标异形屏与待检测终端的适配关系的方法的流程示意图；
[0041]图14是本申请实施例提供的目标异形屏与待检测终端的适配关系检测方法的流程示意图；
[0042]图15是本申请实施例提供的一种确定待测试语种与待检测终端的适配关系的方法的流程示意图；
[0043]图16是本申请实施例提供的一种语种与终端的适配测试方法的流程示意图；
[0044]图17是本申请实施例提供的另一种页面兼容性检测方法的流程示意图；
[0045]图18是本申请实施例提供的页面地址、待测试语言以及分辨率的设置界面示意图；
[0046]图19是本申请实施例提供的待测试机型的设置界面示意图；
[0047]图20是本申请实施例提供的待测试语言的预览界面示意图；
本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面兼容性检测方法，其特征在于，所述方法包括：展示用于输入页面地址信息的目标区域；响应于对所述目标区域的触发指令，确定待测页面地址信息；获取待检测终端的目标机型标识信息；在与所述目标机型标识信息匹配的测试浏览器中，展示与所述待测页面地址信息匹配的目标页面；对所述目标页面中元素进行标记，构建节点树；确定所述节点树中第一节点所占的第一矩阵区域以及对应的第二节点所占的第二矩阵区域；所述对应的第二节点为所述第一节点的父节点；当所述第一矩阵区域在所述第二矩阵区域内时，确定所述目标页面与所述待检测终端兼容。2.根据权利要求1所述的方法，其特征在于，所述确定所述节点树中第一节点所占的第一矩阵区域以及对应的第二节点所占的第二矩阵区域之前，所述方法还包括：遍历所述节点树中各层级的节点，确定文本节点；对所述文本节点添加目标标签，得到更新节点树；相应的，所述确定所述节点树中第一节点所占的第一矩阵区域以及对应的第二节点所占的第二矩阵区域，包括：确定所述更新节点树中第一更新节点所占的第一矩阵区域以及对应的第二更新节点所占的第二矩阵区域，所述对应的第二更新节点为所述第一更新节点的父节点。3.根据权利要求2所述的方法，其特征在于，所述更新节点树中包括多个第一更新节点和多个对应的第二更新节点，所述确定所述更新节点树中第一更新节点所占的第一矩阵区域以及对应的第二更新节点所占的第二矩阵区域之前，所述方法还包括：遍历所述更新节点树，获取每个第一更新节点的属性信息，以及获取与所述每个第一更新节点对应的第二更新节点的属性信息；相应的，所述确定所述更新节点树中第一更新节点所占的第一矩阵区域以及对应的第二更新节点所占的第二矩阵区域，包括：根据所述每个第一更新节点的属性信息，确定所述每个第一更新节点所占的第一矩阵区域；根据所述每个第一更新节点对应的第二更新节点的属性信息，确定所述每个第一更新节点对应的第二更新节点所占的第二矩阵区域；相应的，所述当所述第一矩阵区域在所述第二矩阵区域内时，确定所述目标页面与所述待检测终端兼容包括：当所述每个第一更新节点所占的第一矩阵区域均在所述每个第一更新节点对应的第二更新节点所占的第二矩阵区域内时，确定所述目标页面与所述待检测终端兼容。4.根据权利要求3所述的方法，其特征在于，所述遍历所述更新节点树，获取每个第一更新节点的属性信息，以及获取与所述每个第一更新节点对应的第二更新节点的属性信息之前，所述方法还包括：确定所述更新节点树中的未显示节点；相应的，所述遍历所述更新节点树，获取每个第一更新节点的属性信息，以及获取与所
述每个第一更新节点对应的第二更新节点的属性信息，包括：获取所述更新节点树中除所述未显示节点之外的其它各个节点的属性信息。5.根据权利要求1
‑
4中任意一项所述的方法，其特征在于，所述待检测终端为异形屏，所述获取待检测终端的目标机型标识信息之后，所述方法还包括...

【专利技术属性】
技术研发人员：孙浩瀚，
申请(专利权)人：深圳市腾讯信息技术有限公司，
类型：发明
国别省市：