浏览器网页的差异性检测方法、装置及计算机存储介质制造方法及图纸

本申请实施例提供一种浏览器网页的差异性检测方法、装置及计算机存储介质，该方法包括：获取目标网页显示在至少一个浏览器中的网页图像信息以及该网页图像信息对应的灰度特征信息；将所述灰度特征信息与预设基准特征信息进行差异性对比，根据该差异性对比的结果确定所述目标网页在对应的浏览器中是否显示正常；本申请能够解决相关技术中依靠人工对比的方式测试浏览器的页面显示效果，导致网页的差异性检测效率低下的问题。

【技术实现步骤摘要】
浏览器网页的差异性检测方法、装置及计算机存储介质
本申请涉及计算机处理
，具体涉及一种浏览器网页的差异性检测方法、装置及计算机存储介质。
技术介绍
当前大部分网站的开发基于B/S架构(Browser/Server，浏览器/服务器架构)，这种架构统一了客户端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使用，但在带来客户端轻量化，升级敏捷和开发速度提高等优点的同时，也产生了大量的页面与各种不同类型浏览器的不兼容问题，其主要表现形式就是在不同类型的浏览器上展现同一个页面时，显示效果存在差异。相关技术中对同一个网页在不同类型的浏览器上的显示效果进行测试工作时，主要方法还是依靠人工进行对比，找出页面在不同浏览器中显示时存在的区别，因此测试工作琐碎又庞大，占用了测试阶段大量的人力资源和时间资源，且在测试时仅仅凭借人眼视觉观察无法实现精确对比，测试过程容易有遗漏。因此，亟需一种浏览器网页的差异性检测方法、装置及计算机存储介质，以解决相关技术中依靠人工对比的方式测试浏览器的页面显示效果，导致网页的差异性检测效率低下的问题。
技术实现思路
针对现有技术中的问题，本申请提供一种浏览器网页的差异性检测方法、装置及计算机存储介质，能够自动、快速且准确地对显示在任一浏览器中的网页进行差异性检测，进而能够有效提高网页在浏览器中的显示准确性和可靠性。为解决上述技术问题，本申请提供以下技术方案：第一方面，本申请提供一种浏览器网页的差异性检测方法，包括：获取目标网页显示在至少一个浏览器中的网页图像信息以及该网页图像信息对应的灰度特征信息；将所述灰度特征信息与预设基准特征信息进行差异性对比，根据该差异性对比的结果确定所述目标网页在对应的浏览器中是否显示正常。进一步地，所述获取目标网页显示在至少一个浏览器中的网页图像信息以及该网页图像信息对应的灰度特征信息，包括：获取所述目标网页显示在至少一个浏览器中的完整原始图像；对所述完整原始图像进行灰度化处理；将经过灰度化处理后的图像进行降频压缩处理，得到该图像对应的灰度特征信息。进一步地，在所述将经过灰度化处理后的图像进行降频压缩处理之前，包括：根据与所述目标网页对应的预设基准图像的基准图像位置和基准图像尺寸，将所述目标网页的完整原始图像的目标网页位置和目标网页尺寸分别设置为所述基准图像位置和基准图像尺寸。进一步地，所述将经过灰度化处理后的图像进行降频压缩处理，得到该图像对应的灰度特征信息，包括：对经过灰度化处理后的图像进行二维离散余弦变换，得到该图像对应的灰度特征信息。进一步地，所述将灰度特征信息与预设基准特征信息进行差异性对比，根据该差异性对比的结果确定所述目标网页在对应的浏览器中是否显示正常，包括：基于汉明距离计算规则将所述特征信息与预设基准特征信息进行对比，得到对应的汉明距离数值；判断所述汉明距离数值是否在预设显示正常数值范围内，若否，则判定与该汉明距离数值对应的目标网页在当前浏览器中显示异常，并对该浏览器进行异常标记。进一步地，所述获取所述目标网页显示在至少一个浏览器中的完整原始图像，包括：基于预设子图像划分规则对所述完整原始图像进行划分，得到至少一个对应的原始子图像；相应的，所述对完整原始图像进行灰度化处理，包括：对至少一个所述原始子图像进行灰度化处理；相应的，所述将经过灰度化处理后的图像进行降频压缩处理，得到该图像对应的灰度特征信息，包括：将经过灰度化处理后的至少一个子图像进行降频压缩处理，得到该至少一个原始子图像对应的子图像灰度特征信息。进一步地，所述将灰度特征信息与预设基准特征信息进行差异性对比，根据该差异性对比的结果确定所述目标网页在对应的浏览器中是否显示正常，包括：基于汉明距离计算规则将所述子图像灰度特征信息与预设基准子图像特征信息进行对比，得到与至少一个子图像对应的子图像汉明距离数值；判断各个子图像汉明距离数值是否在预设子图像显示正常数值范围内，若否，则判定与该子图像汉明距离数值对应的所述原始子图像在当前浏览器中显示异常，并对该原始子图像进行异常标记。进一步地，所述对至少一个所述原始子图像进行灰度化处理，包括：接收原始子图像删除指令，并根据该原始子图像删除指令确定未被删除的至少一个目标原始子图像；对至少一个所述目标原始子图像进行灰度化处理。第二方面，本申请提供一种浏览器网页的差异性检测装置，包括：图像信息获取模块，用于获取目标网页显示在至少一个浏览器中的网页图像信息以及该网页图像信息对应的灰度特征信息；特征信息对比模块，用于将所述图像信息获取模块获得的灰度特征信息与预设基准特征信息进行差异性对比，根据该差异性对比的结果确定所述目标网页在对应的浏览器中是否显示正常。进一步地，所述图像信息获取模块包括：图像获取单元，用于获取目标网页显示在至少一个浏览器中的完整原始图像；灰度处理单元，用于对所述图像获取单元获得的完整原始图像进行灰度化处理；降频压缩单元，用于将经过所述灰度处理单元灰度化处理后的原始图像进行降频压缩操作，得到该原始图像对应的灰度特征信息。进一步地，所述图像信息获取模块还包括：图像适配单元，用于根据与所述目标网页对应的预设基准图像的基准图像位置和基准图像尺寸，将所述目标网页的完整原始图像的目标网页位置和目标网页尺寸分别设置为所述基准图像位置和基准图像尺寸。进一步地，所降频压缩单元包括：离散变换子单元，用于对经过灰度化处理后的原始图像进行二维离散余弦变换，得到该原始图像对应的灰度特征信息。进一步地，所述特征信息对比模块包括：汉明距离获取单元，用于基于汉明距离计算规则将所述特征信息与预设基准特征信息进行对比，得到对应的汉明距离数值；汉明距离判断单元，用于判断所述汉明距离获取单元获得的汉明距离数值是否在预设显示正常数值范围内；第一异常标记单元，用于当所述汉明距离判断单元判定所述汉明距离获取单元获得的汉明距离数值不在预设显示正常数值范围内时，判定与该汉明距离数值对应的目标网页在当前浏览器中显示异常，并对该浏览器进行异常标记。进一步地，所述图像获取单元包括：子图像划分子单元，用于基于预设子图像划分规则对所述完整原始图像进行划分，得到至少一个对应的原始子图像；相应的，所述灰度处理单元包括：子图像灰度处理子单元，用于对所述子图像划分子单元划分得到的至少一个所述原始子图像进行灰度化处理；相应的，所述降频压缩单元包括：子图像降频压缩子单元，用于将经过所述子图像划分单元灰度化处理后的至少一个子图像进行降频压缩处理，得到该子图像对应的子图像灰度特征信息。进一步地，所述特征信息对比模块包括：子图像汉明距离获取单元，用于基于汉明距离计算规则将所述子图像灰度特征信息与预设基准子图像特征信息进行对比，得到与至少一个子图像对应的子图像汉明距离数值；子图像汉明距离判断单元，用于判断所述子图像汉明距离获取单元获得的各个子图像汉明距离数值是否在预设子图像显示正常数值范围内；第二异常标记单元，用于当所述子图像汉明距离判断单元判定所述子图像汉明距离获取单元获得的所述子图像汉明距离数值不在预设子图像显示正常数值范围内时，判定与该子图像汉明距离数值对应的所述原始子图像在当前浏览器中显示异常，并对该原始子图像进行异常标记。进一步地，所述子图像划分子单元包括：子图像删除指令接收子本文档来自技高网...

【技术保护点】
1.一种浏览器网页的差异性检测方法，其特征在于，所述方法包括：获取目标网页显示在至少一个浏览器中的网页图像信息以及该网页图像信息对应的灰度特征信息；将所述灰度特征信息与预设基准特征信息进行差异性对比，根据该差异性对比的结果确定所述目标网页在对应的浏览器中是否显示正常。

【技术特征摘要】
1.一种浏览器网页的差异性检测方法，其特征在于，所述方法包括：获取目标网页显示在至少一个浏览器中的网页图像信息以及该网页图像信息对应的灰度特征信息；将所述灰度特征信息与预设基准特征信息进行差异性对比，根据该差异性对比的结果确定所述目标网页在对应的浏览器中是否显示正常。2.根据权利要求1所述的浏览器网页的差异性检测方法，其特征在于，所述获取目标网页显示在至少一个浏览器中的网页图像信息以及该网页图像信息对应的灰度特征信息，包括：获取所述目标网页显示在至少一个浏览器中的完整原始图像；对所述完整原始图像进行灰度化处理；将经过灰度化处理后的图像进行降频压缩处理，得到该图像对应的灰度特征信息。3.根据权利要求2所述的浏览器网页的差异性检测方法，其特征在于，在所述将经过灰度化处理后的图像进行降频压缩处理之前，包括：根据与所述目标网页对应的预设基准图像的基准图像位置和基准图像尺寸，将所述目标网页的完整原始图像的目标网页位置和目标网页尺寸分别设置为所述基准图像位置和基准图像尺寸。4.根据权利要求2所述的浏览器网页的差异性检测方法，其特征在于，所述将经过灰度化处理后的图像进行降频压缩处理，得到该图像对应的灰度特征信息，包括：对经过灰度化处理后的图像进行二维离散余弦变换，得到该图像对应的灰度特征信息。5.根据权利要求1所述的浏览器网页的差异性检测方法，其特征在于，所述将所述灰度特征信息与预设基准特征信息进行差异性对比，根据该差异性对比的结果确定所述目标网页在对应的浏览器中是否显示正常，包括：基于汉明距离计算规则将所述特征信息与预设基准特征信息进行对比，得到对应的汉明距离数值；判断所述汉明距离数值是否在预设显示正常数值范围内，若否，则判定与该汉明距离数值对应的目标网页在当前浏览器中显示异常，并对该浏览器进行异常标记。6.根据权利要求2所述的浏览器网页的差异性检测方法，其特征在于，所述获取所述目标网页显示在至少一个浏览器中的完整原始图像，包括：基于预设子图像划分规则对所述完整原始图像进行划分，得到至少一个对应的原始子图像；相应的，所述对所述完整原始图像进行灰度化处理，包括：对至少一个所述原始子图像进行灰度化处理；相应的，所述将经过灰度化处理后的图像进行降频压缩处理，得到该图像对应的灰度特征信息，包括：将经过灰度化处理后的至少一个子图像进行降频压缩处理，得到该至少一个原始子图像对应的子图像灰度特征信息。7.根据权利要求6所述的浏览器网页的差异性检测方法，其特征在于，所述将所述灰度特征信息与预设基准特征信息进行差异性对比，根据该差异性对比的结果确定所述目标网页在对应的浏览器中是否显示正常，包括：基于汉明距离计算规则将所述子图像灰度特征信息与预设基准子图像特征信息进行对比，得到与至少一个子图像对应的子图像汉明距离数值；判断各个子图像汉明距离数值是否在预设子图像显示正常数值范围内，若否，则判定与该子图像汉明距离数值对应的所述原始子图像在当前浏览器中显示异常，并对该原始子图像进行异常标记。8.根据权利要求6所述的浏览器网页的差异性检测方法，其特征在于，所述对至少一个所述原始子图像进行灰度化处理，包括：接收原始子图像删除指令，并根据该原始子图像删除指令确定未被删除的至少一个目标原始子图像；对至少一个所述目标原始子图像进行灰度化处理。9.一种浏览器网页的差异性检测装置，其特征在于，包括：图像信息获取模块，用于获取目标网页显示在至少一个浏览器中的网页图像信息以及该网页图像信息对应的灰度特征信息；特征信息对比模块，用于将所述图像信息获取模块获得的灰度特征信息与预设基准特征信息进行差异性对比，根据该差异性对比的结果确定所述目标网页在...

【专利技术属性】
技术研发人员：耿良普，姚正宇，张名伟，
申请(专利权)人：中国工商银行股份有限公司，
类型：发明
国别省市：北京,11