前端的兼容性测试方法及装置、存储介质、电子设备与流程

技术特征：
1.一种前端的兼容性测试方法，其特征在于，包括：接收对前端中运行的目标浏览器的测试请求，其中，所述测试请求中至少携带：历史过程中对非目标浏览器执行预设操作行为后得到的测试脚本以及多张参考图片；响应所述测试请求，在所述目标浏览器上运行所述测试脚本，并截取运行所述测试脚本过程出现的多张页面截图；通过预设图像识别技术，分析每张所述页面截图与对应的所述参考图片的差异性，得到差异标注信息；根据所述差异标注信息，确定所述前端中运行的目标浏览器的兼容性测试结果。2.根据权利要求1所述的兼容性测试方法，其特征在于，分析每张所述页面截图与对应的所述参考图片的差异性，得到差异标注信息的步骤，包括：采用所述预设图像识别技术，分析每张所述页面截图与对应的所述参考图片之间的差异性指标，其中，所述差异性指标包括下述至少之一：图片之间的相似度、差异子区域数量；根据所述差异性指标和差异子区域位置，对出现差异的所述页面截图进行标注处理，得到所述差异标注信息。3.根据权利要求2所述的兼容性测试方法，其特征在于，根据所述差异性指标和差异子区域位置，对出现差异的所述页面截图进行标注处理的步骤，包括：在对所述页面截图和对应的所述参考图片进行灰度变换处理后，提取所述页面截图中的图像特征；分析所述页面截图中的图像特征与所述参考图片中的图像特征之间的特征差值；基于所述特征差值，通过二值化策略从多张所述页面截图和所述参考图片中提取关于目标物体的物体图像；对所述物体图像进行边缘化提取，确定所述物体图像的边缘点集；结合所述物体图像的边缘点集，绘制所述页面截图中与对应的所述参考图片之间的差异性，完成差异性标注。4.根据权利要求1所述的兼容性测试方法，其特征在于，根据所述差异标注信息，确定所述前端中运行的目标浏览器的兼容性测试结果的步骤，包括：根据所述差异标注信息，获取所述页面截图与对应的所述参考图片之间的差异指标；将差异指标作为断言依据进行断言，得到断言结果；根据所述断言结果，确定所述兼容性测试结果。5.根据权利要求4所述的兼容性测试方法，其特征在于，在确定所述前端中运行的目标浏览器的兼容性测试结果之后，还包括：基于目标可视化模式，显示所述兼容性测试结果，其中，所述目标可视化模式包括以下其中之一：自定义渲染模式、从链路树模式、脑图模式、全图模式、列表模式。6.根据权利要求1所述的兼容性测试方法，其特征在于，在接收对前端中运行的目标浏览器的测试请求之前，还包括：监听在历史过程中对所述非目标浏览器的操作行为；在所述操作行为触发预设事件操作行为后，记录事件类型以及当前被操作的节点信息，其中，所述节点信息是指在所述非目标浏览器上被触发的页面节点链接信息。7.根据权利要求1至5中任意一项所述的兼容性测试方法，其特征在于，还包括：
接收对前端中运行的目标浏览器的非资源类请求；响应所述非资源类请求，通过目标模拟技术，确定模拟请求；在所述目标浏览器的当前页面运行所述模拟请求。8.一种前端的兼容性测试装置，其特征在于，包括：第一接收单元，用于接收对前端中运行的目标浏览器的测试请求，其中，所述测试请求中至少携带：历史过程中对非目标浏览器执行预设操作行为后得到的测试脚本以及多张参考图片；第一处理单元，用于响应所述测试请求，在所述目标浏览器上运行所述测试脚本，并截取运行所述测试脚本过程出现的多张页面截图；第二处理单元，用于通过预设图像识别技术，分析每张所述页面截图与对应的所述参考图片的差异性，得到差异标注信息；第一确定单元，用于根据所述差异标注信息，确定所述前端中运行的目标浏览器的兼容性测试结果。9.一种计算机可读存储介质，其特征在于，计算机可读存储介质用于存储的计算机程序，其中，在所述计算机程序运行时控制所述计算机可读存储介质所在设备执行权利要求1至7中任意一项所述的前端的兼容性测试方法。10.一种电子设备，其特征在于，包括一个或多个处理器和存储器，所述存储器用于存储一个或多个程序，其中，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现权利要求1至7中任意一项所述的前端的兼容性测试方法。

技术总结
本发明公开了一种前端的兼容性测试方法及装置、存储介质、电子设备。其中，涉及金融科技领域或其他相关领域，该方法包括：接收对前端中运行的目标浏览器的测试请求，其中，测试请求中至少携带：历史过程中对非目标浏览器执行预设操作行为后得到的测试脚本以及多张参考图片；响应测试请求，在目标浏览器上运行测试脚本，并截取运行测试脚本过程出现的多张页面截图；通过预设图像识别技术，分析每张页面截图与对应的参考图片的差异性，得到差异标注信息；根据差异标注信息，确定前端中运行的目标浏览器的兼容性测试结果。本发明解决了相关技术中前端兼容性测试通过人工手段进行，存在测试时间长、测试效率低的技术问题。测试时间长、测试效率低的技术问题。测试时间长、测试效率低的技术问题。


技术研发人员：顾佳艳 黄震人 熊小庆 张闽珺
受保护的技术使用者：中国工商银行股份有限公司
技术研发日：2022.06.15
技术公布日：2022/9/13