一种页面对比的方法及装置的制造方法

文档序号:8257936阅读:202来源:国知局
一种页面对比的方法及装置的制造方法
【技术领域】
[0001]本发明涉及网络领域,尤其涉及一种页面对比的方法及装置。
【背景技术】
[0002]图片对比大量地应用在网站自动化验证过程中,如图1所示,包括以下步骤101?104。
[0003]101、在浏览器中输入需要截图的页面的URL (统一资源定位符);
[0004]102、对于显示出的当前页面,分别在不同情况下截图。
[0005]103、对比截图所得到的各图片。
[0006]104、判断各图片之间是否存在不同,如果是存在不同,则验证失败,表明所述截图对应的网页之间具有不同点并输出不同点;如果没有存在不同,则验证通过,表明所述截图对应的网页之间相同。
[0007]步骤102中所述的在不同情况下截图,可以包括如下两种类型中的不同情况:
[0008](I)主干分支截图对比,或者某历史版本的对比,即对当前页面进行截图,同时对浏览器中主干版本或者某历史版本中对应于该当前页面的页面也进行截图,将两张截图进行对比。其中,当前页面的版本为一种情况,而当前页面对应的主干版本或者某历史版本为另一种情况。
[0009](2)多浏览器截图对比,指当前页面在多个不同类型的浏览器内同时打开,分别在多个浏览器中截图,然后将每张截图与所述多个浏览器中的一个基准浏览器的截图两两对t匕。其中,多个不同类型的浏览器对应的当前页面的版本为多种不同情况。
[0010]这两种类型的图片对比算法在面对动态变化的区域,都会出现误报情况;动态变化的区域是指网页中能够随着时间的推移页面自动变化的区域,如广告轮播区域,在不同的时刻截下来的图片会不一样,而这种不一样常常会导致图片对比算法误报。
[0011]目前的解决方法是,人手工地将动态变化的区域从对比区域或者对比的结果里拿掉。这就需要在自动化过程里插入手动排除的动作,打断了自动化过程,使得自动化的效率和效果大打折扣;同时随着前端技术的发展,动态变化的页面越来越多,可以动态变化的区域也越来越多,手动地排除这些区域需要花费大量的手工劳动。

【发明内容】

[0012]本申请要解决的技术问题是在页面对比的过程中如何避免动态变化区域的影响。
[0013]为了解决上述问题,本申请提供了一种页面对比的方法,包括:
[0014]在预定时间长度中,分别在多个时刻对第一页面进行截图,得到多个第一图片;
[0015]以各所述第一图片中的任一个作为基准图片,分别将其它各第一图片与所述基准图片进行对比;
[0016]根据对比结果,将存在不同的部分识别为动态变化区域。
[0017]可选地,所述根据对比结果,将存在不同的部分识别为动态变化区域的步骤包括:
[0018]根据对比结果,在所述基准图片上标出不同的像素点;
[0019]将所述基准图片中标出的像素点组成的区域识别为动态变化区域。
[0020]可选地,所述分别在多个时刻对第一页面进行截图的步骤包括:
[0021]按照均匀的时间间隔在多个不同时刻对所述第一页面进行截图。
[0022]可选地,所述的方法还包括:
[0023]在不同情况下对所述第一页面进行截图,得到多个第二图片;
[0024]分别在各第二图片中去除所识别出的动态变化区域;
[0025]对比去除动态变化区域后的各所述第二图片。
[0026]可选地,分别在多个时刻对第一页面进行截图的步骤包括:
[0027]对所述第一页面的当前版本进行截图;
[0028]或对多个浏览器中任一个浏览器或预定的基准浏览器所显示的第一页面进行截图。
[0029]本申请还提供了一种页面对比的装置,包括:
[0030]第一截图单元,用于在预定时间长度中,分别在多个时刻对第一页面进行截图,得到多个第一图片;
[0031]第一对比单元,用于以各所述第一图片中的任一个作为基准图片,分别将其它各第一图片与所述基准图片进行对比;
[0032]识别单元,用于根据对比结果,将存在不同的部分识别为动态变化区域。
[0033]可选地,所述识别单元根据对比结果,将存在不同的部分识别为动态变化区域是指:
[0034]识别单元根据对比结果,在所述基准图片上标出不同的像素点;将所述基准图片中标出的像素点组成的区域识别为动态变化区域。
[0035]可选地,所述第一截图单元分别在多个时刻对第一页面进行截图是指:
[0036]第一截图单元按照均匀的时间间隔在多个不同时刻对所述第一页面进行截图。
[0037]可选地,所述的装置还包括:
[0038]第二截图单元,用于在不同情况下对所述第一页面进行截图,得到多个第二图片;
[0039]去除单元,用于在多个第二图片中分别去除所识别出的动态变化区域;
[0040]第二对比单元,用于对比去除动态变化区域后的各所述第二图片。
[0041]可选地,第一截图单元分别在多个时刻对第一页面进行截图是指:
[0042]第一截图单元对所述第一页面的当前版本进行截图,或对多个浏览器中任一个浏览器或预定的基准浏览器所显示的第一页面进行截图。
[0043]本申请的至少一个实施例能够自动发现动态变化的区域,在后续的页面对比中可以去除该区域或忽略该区域的对比结果,从而大大提高对比算法的准确度。本申请的又一个实施例按相同的时间间隔进行截图,可保证截图能反应出动态变化区域中图像的改变。当然,实施本申请的任一产品必不一定需要同时达到以上所述的所有优点。
【附图说明】
[0044]图1为现有技术中的图片对比算法的流程示意图;
[0045]图2为实施例一的一种页面对比的方法的流程示意图;
[0046]图3为实施例一中具体例子的流程示意图;
[0047]图4为实施例二的页面对比的装置的示意框图。
【具体实施方式】
[0048]下面将结合附图及实施例对本申请的技术方案进行更详细的说明。
[0049]需要说明的是,如果不冲突,本申请实施例以及实施例中的各个特征可以相互结合,均在本申请的保护范围之内。另外,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
[0050]在一个典型的配置中,进行页面对比的装置可包括多个处理器(CPU)、一个或多个输入/输出接口、网络接口和内存。
[0051]内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
[0052]计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM),快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括非暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
[0053]实施例一,一种页面对比的方法,如图2所示,包括:
[0054]S201、在预定时间长度中,分别在多个时刻对第一页面进行截图,得到多个第一图片;
[0055]S202、以各所述第一图片中的任一个作为基准图片,分别将其它各第一图片与所述基准图片进行对比;
[0056]S203、根据对比结果,将存在不同的部分识别为动态变化区域。
[0057]本实施例中,可以但不限于将第一个所述第一图片作为基准图片,当然也可以选用其它的第一图片作为基准图片。
[0058]本实施例中,所述第一页面是指待截图的当前页面;如果是进行主干分支截图对t匕,则步骤201中是对第一页面的当前版本进行截图;如果是进行多浏览器截图对比,则步骤201中是对多个浏览器中任一个浏览器或预定的基准浏览器所显示的第一页面进行截图。
[0059]本实施例的一种实施方式中,所述步骤S203具体可以包括:
[0060]根据对比结果,在所述基准图片上标出不同的像素点;
[0061]将所述基准图片中标出的像素点组成的区域识别为动态变化区域。
[0062]比如得到十个第一图片,假设将其中第一个所述第一图片作为基准图片,将第二个?第十个第一图片分别和基准图片对比,每次对比时如果发现存在不同的像素点,则将该像素点在所述基准图片上标出;当全部对比完成后,所述基准图片上会标出和各其余第一图片不同的像素点。
[0063]本实施方式中,所述基准图片中标出的像素点组成的区域即所标出的像素点的合集在所述第一页面中所代表的区域。
[0064]在其它实施方式中,也可以是根据对比结果直接标出不同
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1