浏览器网页的差异性检测方法、装置及计算机存储介质与流程

本申请涉及计算机处理技术领域，具体涉及一种浏览器网页的差异性检测方法、装置及计算机存储介质。

背景技术：

当前大部分网站的开发基于b/s架构(browser/server，浏览器/服务器架构)，这种架构统一了客户端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使用，但在带来客户端轻量化，升级敏捷和开发速度提高等优点的同时，也产生了大量的页面与各种不同类型浏览器的不兼容问题，其主要表现形式就是在不同类型的浏览器上展现同一个页面时，显示效果存在差异。

相关技术中对同一个网页在不同类型的浏览器上的显示效果进行测试工作时，主要方法还是依靠人工进行对比，找出页面在不同浏览器中显示时存在的区别，因此测试工作琐碎又庞大，占用了测试阶段大量的人力资源和时间资源，且在测试时仅仅凭借人眼视觉观察无法实现精确对比，测试过程容易有遗漏。

因此，亟需一种浏览器网页的差异性检测方法、装置及计算机存储介质，以解决相关技术中依靠人工对比的方式测试浏览器的页面显示效果，导致网页的差异性检测效率低下的问题。

技术实现要素：

针对现有技术中的问题，本申请提供一种浏览器网页的差异性检测方法、装置及计算机存储介质，能够自动、快速且准确地对显示在任一浏览器中的网页进行差异性检测，进而能够有效提高网页在浏览器中的显示准确性和可靠性。

为解决上述技术问题，本申请提供以下技术方案：

第一方面，本申请提供一种浏览器网页的差异性检测方法，包括：

获取目标网页显示在至少一个浏览器中的网页图像信息以及该网页图像信息对应的灰度特征信息；

将所述灰度特征信息与预设基准特征信息进行差异性对比，根据该差异性对比的结果确定所述目标网页在对应的浏览器中是否显示正常。

进一步地，所述获取目标网页显示在至少一个浏览器中的网页图像信息以及该网页图像信息对应的灰度特征信息，包括：

获取所述目标网页显示在至少一个浏览器中的完整原始图像；

对所述完整原始图像进行灰度化处理；

将经过灰度化处理后的图像进行降频压缩处理，得到该图像对应的灰度特征信息。

进一步地，在所述将经过灰度化处理后的图像进行降频压缩处理之前，包括：

根据与所述目标网页对应的预设基准图像的基准图像位置和基准图像尺寸，将所述目标网页的完整原始图像的目标网页位置和目标网页尺寸分别设置为所述基准图像位置和基准图像尺寸。

进一步地，所述将经过灰度化处理后的图像进行降频压缩处理，得到该图像对应的灰度特征信息，包括：

对经过灰度化处理后的图像进行二维离散余弦变换，得到该图像对应的灰度特征信息。

进一步地，所述将灰度特征信息与预设基准特征信息进行差异性对比，根据该差异性对比的结果确定所述目标网页在对应的浏览器中是否显示正常，包括：

基于汉明距离计算规则将所述特征信息与预设基准特征信息进行对比，得到对应的汉明距离数值；

判断所述汉明距离数值是否在预设显示正常数值范围内，若否，则判定与该汉明距离数值对应的目标网页在当前浏览器中显示异常，并对该浏览器进行异常标记。

进一步地，所述获取所述目标网页显示在至少一个浏览器中的完整原始图像，包括：

基于预设子图像划分规则对所述完整原始图像进行划分，得到至少一个对应的原始子图像；

相应的，所述对完整原始图像进行灰度化处理，包括：

对至少一个所述原始子图像进行灰度化处理；

相应的，所述将经过灰度化处理后的图像进行降频压缩处理，得到该图像对应的灰度特征信息，包括：

将经过灰度化处理后的至少一个子图像进行降频压缩处理，得到该至少一个原始子图像对应的子图像灰度特征信息。

进一步地，所述将灰度特征信息与预设基准特征信息进行差异性对比，根据该差异性对比的结果确定所述目标网页在对应的浏览器中是否显示正常，包括：

基于汉明距离计算规则将所述子图像灰度特征信息与预设基准子图像特征信息进行对比，得到与至少一个子图像对应的子图像汉明距离数值；

判断各个子图像汉明距离数值是否在预设子图像显示正常数值范围内，若否，则判定与该子图像汉明距离数值对应的所述原始子图像在当前浏览器中显示异常，并对该原始子图像进行异常标记。

进一步地，所述对至少一个所述原始子图像进行灰度化处理，包括：

接收原始子图像删除指令，并根据该原始子图像删除指令确定未被删除的至少一个目标原始子图像；

对至少一个所述目标原始子图像进行灰度化处理。

第二方面，本申请提供一种浏览器网页的差异性检测装置，包括：

图像信息获取模块，用于获取目标网页显示在至少一个浏览器中的网页图像信息以及该网页图像信息对应的灰度特征信息；

特征信息对比模块，用于将所述图像信息获取模块获得的灰度特征信息与预设基准特征信息进行差异性对比，根据该差异性对比的结果确定所述目标网页在对应的浏览器中是否显示正常。

进一步地，所述图像信息获取模块包括：

图像获取单元，用于获取目标网页显示在至少一个浏览器中的完整原始图像；

灰度处理单元，用于对所述图像获取单元获得的完整原始图像进行灰度化处理；

降频压缩单元，用于将经过所述灰度处理单元灰度化处理后的原始图像进行降频压缩操作，得到该原始图像对应的灰度特征信息。

进一步地，所述图像信息获取模块还包括：

图像适配单元，用于根据与所述目标网页对应的预设基准图像的基准图像位置和基准图像尺寸，将所述目标网页的完整原始图像的目标网页位置和目标网页尺寸分别设置为所述基准图像位置和基准图像尺寸。

进一步地，所降频压缩单元包括：

离散变换子单元，用于对经过灰度化处理后的原始图像进行二维离散余弦变换，得到该原始图像对应的灰度特征信息。

进一步地，所述特征信息对比模块包括：

汉明距离获取单元，用于基于汉明距离计算规则将所述特征信息与预设基准特征信息进行对比，得到对应的汉明距离数值；

汉明距离判断单元，用于判断所述汉明距离获取单元获得的汉明距离数值是否在预设显示正常数值范围内；

第一异常标记单元，用于当所述汉明距离判断单元判定所述汉明距离获取单元获得的汉明距离数值不在预设显示正常数值范围内时，判定与该汉明距离数值对应的目标网页在当前浏览器中显示异常，并对该浏览器进行异常标记。

进一步地，所述图像获取单元包括：

子图像划分子单元，用于基于预设子图像划分规则对所述完整原始图像进行划分，得到至少一个对应的原始子图像；

相应的，所述灰度处理单元包括：

子图像灰度处理子单元，用于对所述子图像划分子单元划分得到的至少一个所述原始子图像进行灰度化处理；

相应的，所述降频压缩单元包括：

子图像降频压缩子单元，用于将经过所述子图像划分单元灰度化处理后的至少一个子图像进行降频压缩处理，得到该子图像对应的子图像灰度特征信息。

进一步地，所述特征信息对比模块包括：

子图像汉明距离获取单元，用于基于汉明距离计算规则将所述子图像灰度特征信息与预设基准子图像特征信息进行对比，得到与至少一个子图像对应的子图像汉明距离数值；

子图像汉明距离判断单元，用于判断所述子图像汉明距离获取单元获得的各个子图像汉明距离数值是否在预设子图像显示正常数值范围内；

第二异常标记单元，用于当所述子图像汉明距离判断单元判定所述子图像汉明距离获取单元获得的所述子图像汉明距离数值不在预设子图像显示正常数值范围内时，判定与该子图像汉明距离数值对应的所述原始子图像在当前浏览器中显示异常，并对该原始子图像进行异常标记。

进一步地，所述子图像划分子单元包括：

子图像删除指令接收子单元，用于接收原始子图像删除指令，并根据该原始子图像删除指令确定未被删除的至少一个目标原始子图像；

子图像删除指令执行子单元，用于对至少一个所述目标原始子图像进行灰度化处理。

第三方面，本申请提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现所述的浏览器网页的差异性检测方法的步骤。

第四方面，本申请提供一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现所述的浏览器网页的差异性检测方法的步骤。

由上述技术方案可知，本申请提供一种浏览器网页的差异性检测方法、装置及计算机存储介质，通过获取目标网页显示在至少一个浏览器中的网页图像信息以及该网页图像信息对应的灰度特征信息；将所述灰度特征信息与预设基准特征信息进行差异性对比，根据该差异性对比的结果确定所述目标网页在对应的浏览器中是否显示正常；通过自动获取目标网页在当前浏览器中的显示图像，并根据该图像经过灰度化处理后得到的特征信息与预设基准特性信息进行特征对比，能够高效、准确地确定该显示图像与预设基准图像相比是否存在显示差异，并对存在显示差异的浏览器进行异常标识，从而进一步提高目标网页在浏览器中进行显示时的准确度和可靠性。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本申请实施例中的浏览器网页的差异性检测方法的流程示意图；

图2为本申请实施例中的浏览器网页的差异性检测方法步骤s101的流程示意图；

图3为本申请中的浏览器网页的差异性检测方法步骤s102的第一种实施例的流程示意图；

图4为本申请中的浏览器网页的差异性检测方法步骤s102的第二种实施例的流程示意图；

图5为本申请中的浏览器网页的差异性检测方法步骤s102的第三种实施例的流程示意图；

图6为本申请实施例中的浏览器网页的差异性检测方法步骤s601的流程示意图；

图7为本申请中的浏览器网页的差异性检测装置的结构示意图；

图8为本申请实施例中包含有图像适配单元14的浏览器网页的差异性检测装置的结构示意图；

图9为本申请实施例中包含有离散变换子单元131的浏览器网页的差异性检测装置的结构示意图；

图10为本申请中所述浏览器网页的差异性检测装置另一种实施例的结构示意图；

图11为本申请中包含有子图像删除指令接收子单元1111和子图像删除指令执行子单元1112的浏览器网页的差异性检测装置另一种实施例的结构示意图；

图12为本申请实施例中的电子设备的结构示意图。

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整的描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

考虑到相关技术中的浏览器网页的差异性检测方法往往依靠人工方式进行目标网页在当前浏览器中显示效果的差异性检测，导致浏览器网页的差异性检测效率低下、检测准确度不高的问题，本申请提供一种浏览器网页的差异性检测方法、装置及计算机存储介质，通过获取目标网页显示在至少一个浏览器中的网页图像信息以及该网页图像信息对应的灰度特征信息；将所述灰度特征信息与预设基准特征信息进行差异性对比，根据该差异性对比的结果确定所述目标网页在对应的浏览器中是否显示正常；通过自动获取目标网页在当前浏览器中的显示图像，并根据该图像经过灰度化处理后得到的特征信息与预设基准特性信息进行特征对比，能够高效、准确地确定该显示图像与预设基准图像相比是否存在显示差异，并对存在显示差异的浏览器进行异常标识，从而进一步提高目标网页在浏览器中进行显示时的准确度和可靠性。

为了能够自动获取目标网页显示在当前浏览器中的网页图像，并判断该目标网页是否正常显示，对存在显示差异的浏览器进行异常标识，进而提高目标网页在浏览器中进行显示时的准确度和可靠性，本申请提供一种执行主体可以为浏览器网页的差异性检测装置的浏览器网页的差异性检测方法的实施例，参见图1，所述浏览器网页的差异性检测方法具体包含有如下内容：

步骤101：获取目标网页显示在至少一个浏览器中的网页图像信息以及该网页图像信息对应的灰度特征信息。

可以理解的是，目标网页为需要通过本方法进行网页处理的包含html标签的纯文本文件，各个所述目标网页都对应有唯一的网络访问地址，浏览器通过直接或间接的方式访问该目标网页对应的网络访问地址，即可在浏览器自带的页面显示窗口中显示该目标网页(即获取网页图像信息)，优选地，所述网页图像信息可以为该目标网页的网页图像，也可以为该目标网页中显示出来的文字信息和/或图形信息。

在一种举例中，可以通过现有的图像抓取方法抓取当前浏览器显示窗口中正在显示的目标网页的完整网页图像，并生成对应的图片文件，所述现有的图像抓取方法可以通过windows系统自带的图像抓取操作调用接口现实，也可以通过其他图像抓取软件实现，抓取目标网页的完整网页图像所采用的方法(即图像抓取方法)不是本申请的保护重点，在本申请中不作具体限定。

在另一种举例中，可以通过现有的图像抓取方法抓取浏览器显示窗口中正在显示的目标网页的完整网页图像，然后，基于预设子图像划分规则将该完整网页图像进行划分切割，得到多个对应的子图像，所述预设子图像划分规则为根据预先自定义设置好的划分粒度和所述完整网页图像的边长尺寸进行图像划分切割，得到切割后的多个子图像，具体地，以划分粒度为6为例，可以将所述完整网页图像在纵向方向上进行两次等比例切割，在横向方向上进行一次等比例切割，得到6张对应的子图像，也可以将所述完整网页图像在纵向方向上进行一次等比例切割，在横向方向上进行两次等比例切割，得到6张对应的子图像；通过将完整网页图像进行划分切割得到对应的多个子图像并对各个子图像分别进行后续处理，能够提高本申请对于目标网页的差异性检测的精确度。

而后，将上述步骤中获得的目标网页的完整网页图像进行图像灰度化处理，即将目标网页的彩色图像转换成为灰度图像，具体地，彩色图像中的每个像素的颜色由r、g、b三个分量决定，而每个分量有255种数值可取，这样一个像素点可以有1600多万(255*255*255)的颜色的变化范围，而灰度图像是r、g、b三个分量相同的一种特殊的图像，其各个像素点的变化范围有255种，通过将目标网页的完整网页图像转换为灰度图像，可以使后续的图像计算量变少，同时，由于灰度图像的图像特征描述与彩色图像一样，仍然可以反映整幅图像的整体和局部的色度和亮度等级的分布和特征，因此并不影响后续的图像计算的准确度；具体地，一般采用加权的方法将彩色图像的rgb色彩分量进行转换，得到灰度图像，优选地，可以采用浮点算法进行灰度转换，该浮点算法可以为：gray＝r*0.3+g*0.59+b*0.11，在本申请的其他实施例中，还可以通过其他算法进行图像的灰度转换，具体包括但不限于：整数方法、移位方法、平均值法和任取绿色法，对图像进行灰度化处理所采用的具体方法不是本申请保护的重点，在本申请中不作具体限定。

在本申请的另一实施例中，还可以将上述步骤中根据预设子图像划分规则划分切割后得到的各个子图像分别进行灰度化处理，得到各个子图像对应的灰度图像。

再然后，可以采用现有的离散余弦变换方法获取每张灰度图像的灰度特征信息，其中，所述灰度特征信息可以为上述灰度图像对应的图像灰度值，具体地，由于离散余弦变换具有很强的"能量集中"特性，大多数的自然信号(包括声音和图像)的能量都集中在离散余弦变换后的低频部分，而且当信号具有接近马尔科夫过程(markovprocesses)的统计特性时，离散余弦变换的去相关性接近于k-l变换(karhunen-loève变换)的性能，其具有最优的去相关性，具体地，可以采用改进离散余弦变换(modifieddiscretecosinetransform)获取每张图像的灰度特征信息，它使用了一种时域混叠抵消技术(tdac)，包含50％的时域交叠窗，在不降低编码性能的情况下有效地克服加窗离散余弦变换(dct)块处理运算中的边缘效应，从而有效地去除由边缘效应产生的周期化噪声，其具体公式为：

其中，f(u,v)为经过dct运算后位于坐标(u,v)位置的值(即网页图像中坐标(u,v)位置的灰度特征数值)，f(i,j)为原图坐标(i,j)位置的像素值，n为像素阶。

步骤102：将所述灰度特征信息与预设基准特征信息进行差异性对比，根据该差异性对比的结果确定所述目标网页在对应的浏览器中是否显示正常。

可以理解的是，预设基准特征信息可以为该目标网页在对应的浏览器中能够正常显示时的网页图像所对应的图像灰度数值，所述预设基准特征信息也可以为人为自定义设置的图像灰度数值；在所述目标网页在当前浏览器中进行显示时，将所述目标网页的网页图像所对应的灰度特征信息(即网页图像中各个坐标位置处的灰度特征数值)与所述预设基准特征信息之间进行对比，对比后得到的结果为上述两者之间的汉明距离，其中，汉明距离是使用在数据传输差错控制编码里面的，两个等长字符串之间的汉明距离是两个字符串对应位置的不同字符的个数，即所述目标网页的网页图像与预设基准特征信息对应的基准图像在对应位置处不同字符的个数，也可以理解为该网页图像转换为基准图像时所需要替换的字符个数，如果所述汉明距离数值为0，则可判定所述目标网页的网页图像与预设基准图像相同，该目标网页在当前浏览器中的显示效果正常，在本申请的其他实施例中，判定所述目标网页的网页图像与预设基准图像是否相同的汉明距离数值也可以为非零的其他数值，用于判断所述目标网页的网页图像与预设基准图像是否相同的汉明距离的具体数值不是本申请保护的重点，本申请在此处不作具体限定。

在一种举例中，根据所述目标网页的完整网页图像所对应的灰度特征信息与预设基准图像所对应的预设基准特征信息进行汉明距离计算，若计算得到的汉明距离为0，则判定该目标网页的完整网页图像与该预设基准图像相同，该目标网页在当前浏览器中的显示效果正常，若否，则判定该目标网页在当前浏览器中的显示效果异常，对该浏览器进行异常标识，所述异常标识操作可以为直接在该浏览器的显示窗口中覆盖添加警示图片，也可以为将该浏览器对应的唯一标识编码(比如句柄信息)发送并保存到指定异常数据库中。

在另一种举例中，基于预设子图像划分规则对所述目标网页的完整网页图像进行划分切割，得到各个子图像所对应的子图像灰度特征信息并与预设基准子图像所对应的预设基准子图像灰度特征信息进行汉明距离计算，根据汉明距离计算的结果判断各个子图像在当前浏览器中的对应位置处是否显示正常，若否，则对不能正常显示的子图像进行异常标识，所述异常标识操作可以为直接在该浏览器的显示窗口中在该子图像对应的位置处覆盖添加警示图片，也可以为将该浏览器对应的唯一标识编码(比如句柄信息)和该子图像对应的位置信息发送并保存到指定异常数据库中。

从上述描述可知，本申请实施例提供的浏览器网页的差异性检测方法，通过自动获取目标网页在当前浏览器中的显示图像，并根据该图像经过灰度化处理后得到的特征信息与预设基准特性信息进行特征对比，能够高效、准确地确定该显示图像与预设基准图像相比是否存在显示差异，并对存在显示差异的浏览器进行异常标识，从而进一步提高目标网页在浏览器中进行显示时的准确度和可靠性。

为了能够自动对目标网页在当前浏览器中的显示效果是否发生了异常进行判断，提高差异性检测的准确度，参见图2，所述步骤s101还可以包括如下的步骤s201至步骤s203：

步骤s201：获取所述目标网页显示在至少一个浏览器中的完整原始图像。

可以理解的是，可以通过现有的图像抓取方法抓取当前浏览器显示窗口中正在显示的目标网页的完整原始图像，并生成对应的图片文件，所述现有的图像抓取方法可以通过windows系统自带的图像抓取操作调用接口现实，也可以通过其他图像抓取软件实现；同时，本申请可以对同一个目标网页在多个不同类型的浏览器中同步或异步进行显示和灰度化处理，也可以通过同一类型浏览器同步或异步访问多个不同的目标网页并进行显示和灰度化处理。

步骤s202：对所述原始图像进行灰度化处理。

可以理解的是，将上述步骤中获得的目标网页的网页图像进行图像灰度化处理，即将目标网页的彩色图像转换成为灰度图像，以使后续的图像计算量变少，同时不影响后续的图像计算的准确度。

步骤s203：将经过灰度化处理后的图像进行降频压缩处理，得到该图像对应的灰度特征信息。

可以理解的是，可以采用现有的离散余弦变换方法获取每张灰度图像的灰度特征信息，其中，所述灰度特征信息可以为上述灰度图像对应的图像灰度值，具体地，采用离散余弦变换方法可以对经过灰度化处理后的原始图像进行降频压缩处理，优选地，首先将该原始图像进行像素为32*32的图像压缩处理，然后，可以采用改进离散余弦变换(modifieddiscretecosinetransform)获取每张网页图像的灰度特征信息，其具体公式为：

其中，f(u,v)为经过dct运算后位于坐标(u,v)位置的值(即网页图像中坐标(u,v)位置的灰度特征数值)，f(i,j)为原图坐标(i,j)位置的像素值，n为像素阶；上述采用的离散余弦变换公式和图像压缩比例不是本申请的保护重点，本申请在此处不作具体限定。

为了提高浏览器网页的差异性检测效率，使目标网页的原始图像的位置和尺寸在处理前能够与预设基准图像基本保持一致，所述步骤s203之前还包括对原始图像的位置和尺寸进行适配调整的步骤，具体包含有如下内容：

步骤s301：根据与所述目标网页对应的预设基准图像的基准图像位置和基准图像尺寸，将所述目标网页的完整原始图像的目标网页位置和目标网页尺寸分别设置为所述基准图像位置和基准图像。

可以理解的是，根据预设基准图像的基准图像位置和基准图像尺寸，通过现有的网页页面设置方法可以对当前浏览器中显示的目标网页的显示尺寸和显示位置进行动态调整，以使该目标网页的完整原始图像的目标网页位置和目标网页尺寸与预设基准图像的基准图像尺寸和基准图像位置保持一致，进而提高了差异性检测的运算效率；所述现有的网页页面设置方法可以通过windows系统自带的页面设置操作调用接口现实，也可以通过其他页面设置软件实现，如何调整页面位置和尺寸的方法不是本申请的保护重点，本申请对具体调整方法不作具体限定。

为了减小网页图像的文件体积，提高网页差异性检测的运算速度，所述步骤s202还包括对经过灰度化处理后的图像进行二维离散余弦变换的步骤，具体包含有如下内容：

步骤s401：对经过灰度化处理后的图像进行二维离散余弦变换，得到该图像对应的灰度特征信息。

可以理解的是，可以采用改进离散余弦变换(modifieddiscretecosinetransform)对图像进行降频处理，它使用了一种时域混叠抵消技术(tdac)，包含50％的时域交叠窗，在不降低编码性能的情况下有效地克服加窗离散余弦变换(dct)块处理运算中的边缘效应，从而有效地去除由边缘效应产生的周期化噪声，其具体公式为：

其中，f(u,v)为经过dct运算后位于坐标(u,v)位置的值(即网页图像中坐标(u,v)位置的灰度特征数值)，f(i,j)为原图坐标(i,j)位置的像素值，n为像素阶。

为了根据灰度特征判定目标网页是否正常显示，所述步骤s102还包括根据汉明距离进行图像相似度判定的步骤，参见图3，具体包含有如下的步骤s501至步骤s502：

步骤s501：基于汉明距离计算规则将所述特征信息与预设基准特征信息进行对比，得到对应的汉明距离数值；

可以理解的是，预设基准特征信息可以为该目标网页在对应的浏览器中能够正常显示时的网页图像所对应的图像灰度数值，所述预设基准特征信息也可以为人为自定义设置的图像灰度数值；在所述目标网页在当前浏览器中进行显示时，将所述目标网页的网页图像所对应的灰度特征信息(即网页图像中各个坐标位置处的灰度特征数值)与所述预设基准特征信息之间进行对比，对比后得到的结果为上述两者之间的汉明距离，其中，汉明距离是使用在数据传输差错控制编码里面的，两个等长字符串之间的汉明距离是两个字符串对应位置的不同字符的个数，即所述目标网页的网页图像与预设基准特征信息对应的基准图像在对应位置处不同字符的个数，也可以理解为该网页图像转换为基准图像时所需要替换的字符个数。

步骤s502：判断所述汉明距离数值是否在预设显示正常数值范围内，若否，则判定与该汉明距离数值对应的目标网页在当前浏览器中显示异常，并对该浏览器进行异常标记。

可以理解的是，所述汉明距离数值表示了所述目标网页的网页图像与预设基准图像的相似度，如果汉明距离数值为0，则可判定所述目标网页的网页图像与预设基准图像相同，该目标网页在当前浏览器中的显示效果正常；如果汉明距离数值不为0，则可判定所述目标网页的网页图像与预设基准图像不相同，该目标网页的网页图像需要经过数据变换才能与预设基准图像一致，则该目标网页在当前浏览器中的显示效果异常。

在本申请的其他实施例中，判定所述目标网页的网页图像与预设基准图像相同的所述汉明距离数值也可以不为0，即允许存在一定图像差异的情况下判定该目标网页在当前浏览器中显示正常，本申请中对用于判定网页图像与预设基准图像是否一致的所述汉明距离数值的数值范围不作具体限定。

为了提高对目标网页的网页图像的处理效率，还可以包括对该网页图像进行划分切割，得到切割后的子图像并进行处理的步骤，参见图4，具体包含有如下的步骤s601至步骤s603：

步骤s601：基于预设子图像划分规则对所述完整原始图像进行划分，得到至少一个对应的原始子图像。

可以理解的是，所述预设子图像划分规则为根据预先自定义设置好的划分粒度和所述完整网页图像的边长尺寸进行图像划分切割，得到切割后的多个子图像，具体地，以划分粒度为6为例，可以将所述完整网页图像在纵向方向上进行两次等比例切割，在横向方向上进行一次等比例切割，得到6张对应的子图像，也可以将所述完整网页图像在纵向方向上进行一次等比例切割，在横向方向上进行两次等比例切割，得到6张对应的子图像；通过将完整网页图像进行划分切割得到对应的多个子图像并对各个子图像分别进行后续处理，能够提高本申请对于目标网页的差异性检测的精确度。

步骤s602：对至少一个所述原始子图像进行灰度化处理。

可以理解的是，将上述步骤中获得的原始子图像进行图像灰度化处理，即将原始子图像的彩色图像转换成为灰度图像，以使后续的图像计算量变少，同时不影响后续的图像计算的准确度。

步骤s603：将经过灰度化处理后的至少一个子图像进行降频压缩处理，得到该至少一个子图像对应的子图像灰度特征信息。

可以理解的是，可以采用现有的离散余弦变换方法获取各个原始子图像的子图像灰度特征信息，其中，所述子图像灰度特征信息可以为上述灰度图像对应的图像灰度值，具体地，采用离散余弦变换方法可以对经过灰度化处理后的原始子图像进行降频压缩处理，优选地，首先将该原始子图像进行像素为32*32的图像压缩处理，然后，可以采用改进离散余弦变换(modifieddiscretecosinetransform)获取每张子图像的灰度特征信息，其具体公式为：

其中，f(u,v)为经过dct运算后位于坐标(u,v)位置的值(即网页图像中坐标(u,v)位置的灰度特征数值)，f(i,j)为原图坐标(i,j)位置的像素值，n为像素阶；上述采用的离散余弦变换公式和图像压缩比例不是本申请的保护重点，本申请在此处不作具体限定。

为了判断经过切割划分后的原始图像的显示是否正常，并且确定出现显示异常的对应的原始子图像，所述步骤s102还包含有将各个原始子图像与预设基准图像进行对比的步骤，参见图5，具体包含有如下的步骤s701至步骤s702：

步骤s701：基于汉明距离计算规则将所述子图像灰度特征信息与预设基准子图像特征信息进行对比，得到与至少一个子图像对应的子图像汉明距离数值。

可以理解的是，将各个原始子图像对应的子图像灰度特征信息与所述预设基准子图像特征信息之间进行对比，得到的结果为从原始子图像转换到预设基准子图像所需要执行的汉明距离，其中，所述汉明距离能够表示该原始子图像与预设基准子图像之间的相似度。

步骤s702：判断各个子图像汉明距离数值是否在预设子图像显示正常数值范围内，若否，则判定与该子图像汉明距离数值对应的所述原始子图像在当前浏览器中显示异常，并对该原始子图像进行异常标记。

可以理解的是，各个子图像汉明距离数值表示了各个子图像与对应的预设基准子图像的相似度，如果汉明距离数值为0，则可判定该子图像与预设基准子图像相同，该子图像在当前浏览器中的显示效果正常；如果汉明距离数值不为0，则可判定该子图像与预设基准子图像不相同，该子图像需要经过数据变换才能与预设基准子图像一致，则该子图像在当前浏览器中的显示效果异常，对不能正常显示的子图像进行异常标识，所述异常标识操作可以为直接在该浏览器的显示窗口中在该子图像对应的位置处覆盖添加警示图片，也可以为将该浏览器对应的唯一标识编码(比如句柄信息)和该子图像对应的位置信息发送并保存到指定异常数据库中。

为了不对具有动态变换效果的区域所对应的原始子图像进行后续处理，灵活划分目标网页的原始图像，以提高网页的差异性检测效率，所述步骤s601还包含有能够根据指令对选定的子图像不做网页处理的步骤，参见图6，具体包含有如下的步骤s801至步骤s802：

步骤s801：接收原始子图像删除指令，并根据该原始子图像删除指令确定未被删除的至少一个目标原始子图像；

可以理解的是，所述原始子图像删除指令为对指定的原始子图像不做网页处理操作的控制指令，所述目标原始子图像为该原始子图像删除指令未指定的、仍需进行后续处理的子图像，其中，所述原始子图像删除指令可以为用户发出，也可以为其他经过逻辑处理的软件程序发出。

步骤s802：对至少一个所述目标原始子图像进行灰度化处理操作。

可以理解的是，对仍需进行后续处理的子图像(即所述目标原始子图像)进行灰度化处理操作，即将该目标原始子图像的彩色图像转换成为灰度图像，以使后续的图像计算量变少，同时不影响后续的图像计算的准确度。

为了能够自动获取显示在浏览器中的目标网页的网页图像，并判断目标网页的显示效果的是否正常，进而提高浏览器网页的处理效率，本申请提供一种浏览器网页的差异性检测装置，参见图7，所述浏览器网页的差异性检测装置包含有如下内容：

图像信息获取模块10，用于获取目标网页显示在至少一个浏览器中的网页图像信息以及该网页图像信息对应的灰度特征信息；

特征信息对比模块20，用于将所述图像信息获取模块获得的灰度特征信息与预设基准特征信息进行差异性对比，根据该差异性对比的结果确定所述目标网页在对应的浏览器中是否显示正常。

从上述描述可知，本申请实施例提供的浏览器网页的差异性检测装置，通过自动获取目标网页在当前浏览器中的显示图像，并根据该图像经过灰度化处理后得到的特征信息与预设基准特性信息进行特征对比，能够高效、准确地确定该显示图像与预设基准图像相比是否存在显示差异，并对存在显示差异的浏览器进行异常标识，从而进一步提高目标网页在浏览器中进行显示时的准确度和可靠性。

为了能够对目标网页在当前浏览器中的显示效果是否异常进行自动化的判断，根据本申请的浏览器网页的差异性检测装置的一种实施例，参见图7，该图像信息获取模块10还具体包含有如下内容：

图像获取单元11，用于获取目标网页显示在至少一个浏览器中的完整原始图像；

灰度处理单元12，用于对所述图像获取单元获得的完整原始图像进行灰度化处理；

降频压缩单元13，用于将经过所述灰度处理单元灰度化处理后的图像进行降频压缩操作，得到该图像对应的灰度特征信息。

为了提高浏览器网页处理的工作效率，使目标网页的原始图像在处理前能够与预设基准图像基本保持一致，根据本申请的浏览器网页的差异性检测装置的一种实施例，参见图8，具体还包含有如下内容：

图像适配单元14，用于根据与所述目标网页对应的预设基准图像的基准图像位置和基准图像尺寸，将该目标网页对应的目标网页位置和目标网页尺寸设置为与所述基准图像位置和基准图像尺寸一致。

为了减小网页图像的文件体积，提高网页处理的运算速度，根据本申请的浏览器网页的差异性检测装置的一种实施例，参见图9，所述降频压缩单元13还具体包含有如下内容：

离散变换子单元131，用于对经过灰度化处理后的图像进行二维离散余弦变换，得到该图像对应的灰度特征信息。

为了根据灰度特征判定目标网页是否正常显示，根据本申请的浏览器网页的差异性检测装置的一种实施例，参见图7，该特性信息对比模块20还具体包含有如下内容：

汉明距离获取单元21，用于基于汉明距离计算规则将所述特征信息与预设基准特征信息进行对比，得到对应的汉明距离数值；

汉明距离判断单元22，用于判断所述汉明距离获取单元获得的汉明距离数值是否在预设显示正常数值范围内；

第一异常标记单元23，用于当所述汉明距离判断单元判定所述汉明距离获取单元获得的汉明距离数值不在预设显示正常数值范围内时，判定与该汉明距离数值对应的目标网页在当前浏览器中显示异常，并对该浏览器进行异常标记。

为了提高对目标网页的网页图像的处理效率，根据本申请的浏览器网页的差异性检测装置的另一种实施例，参见图10，所述图像获取单元11还具体包含有如下内容：

子图像划分子单元111，用于基于预设子图像划分规则对所述完整原始图像进行划分，得到至少一个对应的原始子图像；

相应的，所述灰度处理单元12还具体包含有如下内容：

子图像灰度处理子单元121，用于对所述子图像划分子单元划分得到的至少一个所述原始子图像进行灰度化处理；

相应的，所述降频压缩单元13还具体包含有如下内容：

子图像降频压缩子单元132，用于将经过所述子图像划分单元灰度化处理后的至少一个子图像进行降频压缩处理，得到该子图像对应的子图像灰度特征信息。

为了判断经过切割划分后的原始图像的显示是否正常，并且确定出现显示异常的对应的原始子图像，根据本申请的浏览器网页的差异性检测装置的一种实施例，参见图10，该特征信息对比模块20还具体包含有如下内容：

子图像汉明距离获取单元24，用于基于汉明距离计算规则将所述子图像灰度特征信息与预设基准子图像特征信息进行对比，得到与至少一个子图像对应的子图像汉明距离数值；

子图像汉明距离判断单元25，用于判断所述子图像汉明距离获取单元获得的各个子图像汉明距离数值是否在预设子图像显示正常数值范围内；

第二异常标记单元26，用于当所述子图像汉明距离判断单元判定所述子图像汉明距离获取单元获得的所述子图像汉明距离数值不在预设子图像显示正常数值范围内时，判定与该子图像汉明距离数值对应的所述原始子图像在当前浏览器中显示异常，并对该原始子图像进行异常标记。

为了不对具有动态变换效果的区域所对应的原始子图像进行后续处理，灵活划分目标网页的原始图像，以提高网页的处理效果，参见图11，该子图像划分单元121还具体包含有如下内容：

子图像删除指令接收子单元1111，用于接收原始子图像删除指令，并根据该原始子图像删除指令确定未被删除的至少一个目标原始子图像；

子图像删除指令执行子单元1112，用于对至少一个所述目标原始子图像进行灰度化处理。

为了更进一步说明本方案，本申请还提供一种应用上述浏览器网页的差异性检测装置实现浏览器网页的差异性检测方法的具体应用实例，具体包含有如下内容：

一种浏览器网页处理系统，包括中控模块30、页面加载模块31、图像指纹采集模块32和对比模块33，其中：

中控模块30，用于管理用户的配置信息，主要是对浏览器的配置，包括设置测试页面地址和图片分片粒度。

页面加载模块31，用于根据用户的配置信息启动对应的浏览器并加载指定的网页，获取该浏览器的显示窗口的句柄数据并调用windowsapi调整显示窗口的大小和位置。

图像指纹采集模块32，用于调用windowsapi抓取各个浏览器窗口中显示部分的网页图像，并将这些网页图像按照统一拆分逻辑(比如分成九宫格)划分为原始子图片，运行感知哈希算法计算每张原始子图片的灰度指纹数据，采用dct(离散余弦变换)来降低频率，精确度较高，具体包含以下步骤：

(1)将图片统一缩小为32*32像素；

(2)把缩小后的图片转化为256阶灰度图，本步骤中，为提高精确度，采用灰度算法中的浮点算法，即灰度算法的原公式：gray＝r*0.299+g*0.587+b*0.114，本公式根据心理学推导而成，具有较高的精度。但是因为浮点运算较慢，在大量图像数据处理时，可采用精度稍低但运算速度较高的变体算法，如整数或位移算法实现；

(3)计算dct把图片分离成分率的集合，本步骤中dct计算过程采用dct-ii形式的二维变换，公式为：

其中f(u,v)为dct运算后位于坐标(u,v)位置的值，f(i,j)为原图坐标(i,j)位置的像素值，n为像素阶，这种形式常用于信号处理和图像处理技术中实现有损数据压缩，因为dct变换有很强的”能量集中”特性，具有非常强的去相关性性能，本算法也采用dct来进行低频变换，经过dct运算即得到图片的指纹信息。

对比模块33，用于将各个原始子图像与对应位置的预设基准子图像的灰度指纹进行对比，计算并得到两个指纹之间的汉明距离，即从一个图片的指纹到另一个图片的指纹需要变换几次；汉明距离为0表示完全相同，汉明距离越大代表图片的相似程度越低；找出不同的部分并在浏览器上标识出来，具体包含有以下步骤：

(1)图像采集模块12中dct的计算结果为32*32的数据集合，仅保留左上角的8*8的数据，其代表图片的最低频率；

(2)计算缩小dct后的所有像素点平均值；

(3)将大于平均值的像素点记为1，否则记为0；

(4)将计算好的8*8共64位指纹信息按顺序组合，可以顺序随意；

(5)对比得到的指纹，通过计算汉明距离判断图片是否相同。

本申请的实施例还提供能够实现上述实施例中的浏览器网页的差异性检测方法中全部步骤的一种电子设备的具体实施方式，参见图12，所述电子设备具体包括如下内容：

处理器(processor)a01、存储器(memory)a02、通信接口(communicationsinterface)a03和总线a04；

其中，所述处理器a01、存储器a02、通信接口a03通过所述总线a04完成相互间的通信；所述通信接口a03用于实现浏览器网页的差异性检测装置与其他参与机构之间的信息传输；

所述处理器a01用于调用所述存储器a02中的计算机程序，所述处理器执行所述计算机程序时实现上述实施例中的浏览器网页的差异性检测方法中的全部步骤，例如，所述处理器执行所述计算机程序时实现下述步骤：

步骤s101：获取目标网页显示在至少一个浏览器中的网页图像信息以及该网页图像信息对应的灰度特征信息；

步骤s102：将所述灰度特征信息与预设基准特征信息进行差异性对比，根据该差异性对比的结果确定所述目标网页在对应的浏览器中是否显示正常。

从上述描述可知，本申请实施例提供的电子设备，通过自动获取浏览器中显示的目标网页的网页图像，并根据网页图像的灰度特征判断该目标网页的显示是否正常，进而提高了对浏览器中的网页进行处理的工作效率。

本申请的实施例还提供能够实现上述实施例中的浏览器网页的差异性检测方法中全部步骤的一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，该计算机程序被处理器执行时实现上述实施例中的浏览器网页的差异性检测方法的全部步骤，例如，所述处理器执行所述计算机程序时实现下述步骤：

步骤s101：获取目标网页显示在至少一个浏览器中的网页图像信息以及该网页图像信息对应的灰度特征信息；

步骤s102：将所述灰度特征信息与预设基准特征信息进行差异性对比，根据该差异性对比的结果确定所述目标网页在对应的浏览器中是否显示正常。

从上述描述可知，本申请实施例提供的计算机可读存储介质，通过自动获取浏览器中显示的目标网页的网页图像，并根据网页图像的灰度特征判断该目标网页的显示是否正常，进而提高了对浏览器中的网页进行处理的工作效率。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于硬件+程序类实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

虽然本申请提供了如实施例或流程图所述的方法操作步骤，但基于常规或者无创造性的劳动可以包括更多或者更少的操作步骤。实施例中列举的步骤顺序仅仅为众多步骤执行顺序中的一种方式，不代表唯一的执行顺序。在实际中的装置或客户端产品执行时，可以按照实施例或者附图所示的方法顺序执行或者并行执行(例如并行处理器或者多线程处理的环境)。

上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、车载人机交互设备、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(cpu)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flashram)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd-rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitorymedia)，如调制的数据信号和载波。

本领域技术人员应明白，本说明书的实施例可提供为方法、系统或计算机程序产品。因此，本说明书实施例可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。

本说明书实施例可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本说明书实施例，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本说明书实施例的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不必须针对的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。

以上所述仅为本说明书的实施例而已，并不用于限制本说明书实施例。对于本领域技术人员来说，本说明书实施例可以有各种更改和变化。凡在本说明书实施例的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本说明书实施例的权利要求范围之内。