H5页面校验方法及装置制造方法及图纸

本申请提供了一种H5页面校验的方法，包括获取一级H5页面内的所有控件坐标；按照所述控件坐标触发所有控件，获取由所述控件所关联的二级H5页面；以及校验所述二级H5页面。本申请还提供了一种H5页面校验的装置、计算机设备及存储介质。通过该方法在可控范围内自动化遍历所有二级页面，并进行校验，解决了现有技术中因无法获取到一级H5页面的所有控件坐标而不能确定自定义页面校验范围的问题，该方法可以实现在不同手机、不同app端打开H5页面并自动完成页面校验的工作，可大幅释放人力，节约成本。

【技术实现步骤摘要】
H5页面校验方法及装置
本申请属于数据处理
，特别涉及一种H5页面校验的方法及装置。
技术介绍
HTML5是第五代超文本标记语言/标准，基于此标准形成的页面称作H5页面，现有的手机app软件多采用H5开发完成。相较于原生app来说，H5的优势是开发速度快，具有跨平台的优势，例如一次性开发就能同时适用于安卓和苹果iOS双系统。商家或者平台在日常以及节假日举行促销、宣传活动，是目前最常用的营销手段之一。页面频繁出现的UI层面的bug严重影响了用户体验，因此营销活动页的质量需要提前进行检测，以确保使用过程中页面打开顺畅，内容完整。以糯米产品为例，掘金平台承载着糯米首页、各个频道页以及第三方投放的活动配置，每月依赖测试人员审核的活动页面数量极大。上述审核的活动页面均为H5页面，且具有数量多、视觉多样、推广渠道多样的特点。现有技术中，除依赖人工审核测试以外，主要包括以下两种在移动端H5页面自动化遍历的方案：一种是通过获取页面控件坐标及控件id来获取页面，另一种是采用Monkey发送伪随机事件流，遍历app页面。第一种方案具有自动化case复用度差的缺陷，移动自动化case需要已知页面内容，针对指定元素，制定页面的校验case。case无法被未知的、视觉多样性的页面进行复用；其次，第一种方案仅能获取部分控件，并且业界获取控件坐标、控件id的方式，都只能处理部分webview页面，获取到的元素结构可能会不清晰，执行不稳定且耗时长。针对第二种方案，无法自定义遍历范围。Monkey向系统发送伪随机的用户事件流，范围不可控，更适用于app级别的压力测试。综上，目前已有的技术不能针对H5页面进行有效的驱动、遍历及校验。
技术实现思路
为了解决上述技术问题至少之一，本申请提供了一种H5页面校验方法、系统、计算机及可读存储介质。本申请的第一个方面，一种H5页面校验方法，包括：获取一级H5页面内的所有控件坐标；根据控件坐标触发所有控件，获取与控件所关联的二级H5页面；以及校验二级H5页面。根据本申请的至少一个实施方式，获取一级H5页面内的所有控件坐标之前包括采用与H5页面类型相适应的驱动打开一级H5页面，以及截图保存一级H5页面。根据本申请的至少一个实施方式，还包括校验一级H5页面。根据本申请的至少一个实施方式，获取一级H5页面内的所有控件坐标包括：对一级H5页面进行图像切分，获取一级H5页面的图像控件坐标；以及对一级H5页面进行ocr识别，获取一级H5页面的文字控件坐标。根据本申请的至少一个实施方式，对一级H5页面进行图像切分包括：对一级H5页面进行图像灰度化处理；对灰度化处理后的页面进行扫描，标记分割线；以及依据分割线对一级H5页面进行切割，获取图像控件坐标。根据本申请的至少一个实施方式，对一级H5页面进行ocr识别包括：获取一级H5页面内的所有文字区域；以及根据文字区域的覆盖范围构建文字控件结构树，该文字控件结构树内包含所有文字控件坐标。根据本申请的至少一个实施方式，在获取图像控件坐标及获取文字控件坐标之后，进一步包括构建包含所有图像控件坐标及文字控件坐标在内的控件坐标集合，并去除控件坐标集合内重复的图像控件坐标和/或文字控件坐标。根据本申请的至少一个实施方式，获取所有二级H5页面包括：确定一级H5页面的第一hash值；确定所有由一级H5页面上的控件所关联的其它H5页面的第二hash值；以及将不同于第一hash值的第二hash值所对应的H5页面作为二级H5页面。根据本申请的至少一个实施方式，校验二级H5页面包括：根据UI规则校验二级H5页面，UI规则包括空白页面校验规则、异常文案校验规则、重复内容校验规则及字符截断校验规则中的至少一种。本申请的第二个方面，一种H5页面校验装置，包括：控件获取模块，用于获取一级H5页面内的所有控件坐标；二级H5页面获取模块，用于按控件坐标触发所有控件，并获取由控件所关联的二级H5页面；以及校验模块，用于校验二级H5页面。根据本申请的至少一个实施方式，还包括一级H5页面获取模块，用于获取一级H5页面，一级H5页面获取模块包括：驱动单元，用于根据H5页面类型，驱动打开一级H5页面；以及图像获取单元，用于截图保存一级H5页面。根据本申请的至少一个实施方式，校验模块还用于校验一级H5页面。根据本申请的至少一个实施方式，控件获取模块包括：图像控件坐标获取单元，用于对一级H5页面进行图像切分，获取一级H5页面的图像控件坐标；以及文字控件坐标获取单元，用于对一级H5页面进行ocr识别，获取一级H5页面的文字控件坐标。根据本申请的至少一个实施方式，图像控件坐标获取单元包括：图像处理子单元，用于对一级H5页面进行图像灰度化处理；扫描子单元，用于对灰度化处理后的页面进行扫描，标记分割线；以及控件切割子单元，用于依据分割线对一级H5页面进行切割，产生图像控件坐标。根据本申请的至少一个实施方式，文字控件坐标获取单元包括：文字区域识别子单元，用于获取一级H5页面内的所有文字区域；以及结构树生成子单元，用于根据文字区域的覆盖范围构建文字控件结构树，文字控件结构树内包含所有文字控件坐标。根据本申请的至少一个实施方式，还包括重复控件去除模块，用于在获取图像控件坐标及获取文字控件坐标之后，构建包含所有图像控件坐标及文字控件坐标在内的控件坐标集合，并去除控件坐标集合内重复的图像控件坐标和/或文字控件坐标。根据本申请的至少一个实施方式，二级H5页面获取模块包括：第一hash值计算单元，用于确定一级H5页面的第一hash值；第二hash值计算单元，用于确定所有由一级H5页面上的控件所关联的其它H5页面的第二hash值；以及判定单元，将不同于第一hash值的第二hash值所对应的H5页面作为二级H5页面。根据本申请的至少一个实施方式，校验模块用于根据UI规则校验二级H5页面，UI规则包括空白页面校验规则、异常文案校验规则、重复内容校验规则及字符截断校验规则中的至少一种。本申请的第三个方面，一种计算机设备，包括处理器、存储器以及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序用于实现上述的H5页面测试方法。本申请的第四个方面，一种可读存储介质，可读存储介质存储有计算机程序，该计算机程序被处理器执行时用于实现如上描述的H5页面测试方法。本申请针对批量多样的H5页面在不同的app进行驱动、遍历、校验的问题，提出的智能的基于H5页面可控范围的自动化遍历和校验方案。整个系统的输入是批量的H5页面的链接地址，输出为H5页面的校验结果。H5页面的驱动，是根据链接的类型和推广渠道进行划分，采用对应的adb驱动，在不同的app中打开。H5页面的遍历，通过图像切分和ocr技术的结合，稳定生成一级页面的控件结构树。循环遍历点击不同的坐标，通过一二级页面hash值的对比判断是否进入的是新的页面。智能地控制校验范围在一二级页面，并对图像进行定制UI规则的校验，从而得到H5页面是否存在UI层面的问题。该方法实现替代人工在不同手机、不同app端打开H5页面完成页面校验的工作，可大幅释放人力，节约成本。附图说明图1是本申请H5页面校验方法的一实施方式的流程图。图2是本申请图1所示实施方式的获取控件坐标原理图。图3是本申请图像切割行本文档来自技高网...

【技术保护点】
1.一种H5页面校验方法，其特征在于，包括：获取一级H5页面内的所有控件坐标；根据所述控件坐标触发所有控件，获取与所述所有控件所关联的二级H5页面；以及校验所述二级H5页面。

【技术特征摘要】
1.一种H5页面校验方法，其特征在于，包括：获取一级H5页面内的所有控件坐标；根据所述控件坐标触发所有控件，获取与所述所有控件所关联的二级H5页面；以及校验所述二级H5页面。2.如权利要求1所述的H5页面校验方法，其特征在于，还包括：在所述获取一级H5页面内的所有控件坐标之前，采用与H5页面类型相适应的驱动打开所述一级H5页面，以及截图保存所述一级H5页面。3.如权利要求2所述的H5页面校验方法，其特征在于，还包括校验所述一级H5页面。4.如权利要求1-3任一项所述的H5页面校验方法，其特征在于，所述获取一级H5页面内的所有控件坐标包括：对所述一级H5页面进行图像切分，获取所述一级H5页面的图像控件坐标；以及对所述一级H5页面进行ocr识别，获取所述一级H5页面的文字控件坐标。5.如权利要求4所述的H5页面校验方法，其特征在于，对所述一级H5页面进行图像切分，获取所述一级H5页面的图像控件坐标包括：对所述一级H5页面进行图像灰度化处理；对所述灰度化处理后的页面进行扫描，标记分割线；以及根据所述分割线对所述一级H5页面进行切割，获取所述图像控件坐标。6.如权利要求4所述的H5页面校验方法，其特征在于，所述对所述一级H5页面进行ocr识别，获取所述一级H5页面的文字控件坐标包括：获取所述一级H5页面内的所有文字区域；以及根据所述文字区域的覆盖范围构建文字控件结构树，所述文字控件结构树内包含所有所述文字控件坐标。7.如权利要求4任一项所述的H5页面校验方法，其特征在于，还包括：在获取所述图像控件坐标及获取所述文字控件坐标之后，构建包含所有所述图像控件坐标及所述文字控件坐标在内的控件坐标集合，并去除所述控件坐标集合内重复的图像控件坐标和/或文字控件坐标。8.如权利要求1所述的H5页面校验方法，其特征在于，所述获取与所述所有控件所关联的二级H5页面包括：确定所述一级H5页面的第一hash值；确定所有由一级H5页面上的控件所关联的其它H5页面的第二hash值；以及将不同于所述第一hash值的所述第二hash值所对应的H5页面作为所述二级H5页面。9.如权利要求1所述的H5页面校验方法，其特征在于，所述校验所述二级H5页面包括：根据UI规则校验所述二级H5页面，所述UI规则包括空白页面校验规则、异常文案校验规则、重复内容校验规则及字符截断校验规则中的至少一种。10.一种H5页面校验装置，其特征在于，包括：控件获取模块，用于获取一级H5页面内的所有控件坐标；二级H5页面获取模块，用于根据所述控件坐标触发所有控件，并获取与所述所有控件所关联的二级H5页面；以及校验模块，用于校验所述二级H5页面。11.如权利要求10所述的H5页面校验装置，其特征在于，还包括...

【专利技术属性】
技术研发人员：高立哲，尹飞，
申请(专利权)人：百度在线网络技术北京有限公司，
类型：发明
国别省市：北京,11