网页显示一致性检测方法和装置制造方法及图纸

本发明专利技术的网页显示一致性检测方法和装置，在获取网页内容后，在第一显示参数下显示所述网页，生成第一页面结果；在第二显示参数下显示所述网页，生成第二页面结果；然后将所述第二页面结果与所述第一页面结果比较，发现满足预设条件，确定所述网页显示是一致的能够检测出同一个浏览器在不同显示参数下渲染同一网页一致。本发明专利技术能够检测出同一个浏览器在不同显示参数下渲染同一网页是否一致。

【技术实现步骤摘要】

本专利技术涉及互联网
，具体而言，涉及网页显示一致性检测方法和装置。
技术介绍
目前Web2.0技术已经非常成熟，所以Web应用程序开发已经成为了当前软件开发的主力军。现在很多应用都进行了互联网web化。为了保证用户显示一致性，在进行web化后，进行web页面的界面测试是必须要做的工作。在进行界面测试时Web的界面布局测试、多浏览器测试等都成为的最难解决的问题。其中，需要进行多浏览器测试的主要原因是，目前市场上进行web显示的浏览器会使用各种浏览器内核，例如：当前常见的内核：Trident、Gecko、Presto、Webkit、Blink，而不同内核的浏览器在进行同一个网页页面渲染时可能会导致显示不一致，另外，由于css语言本身或者在使用css时也可能会导致同一个浏览器渲染同一web页面出现显示不一致，所以需要对web页面进行同一网页使用不同内核的浏览器进行渲染显示的一致性测试。而现有技术中没有对这个问题的解决方案。
技术实现思路
有鉴于此，本专利技术实施例的目的在于提供一种网页显示一致性检测方法、装置和系统，能够检测出同一个浏览器在不同显示参数下渲染同一网页是否一致。本专利技术的一种网页显示一致性检测方法，包括：获取待检测网页的网页内容；在第一显示参数下显示所述网页，生成第一页面结果；在第二显示参数下显示所述网页，生成第二页面结果；将所述第二页面结果与所述第一页面结果中相同网页内容区域比较，发现两者相似度大于预设阈值，则确定所述网页显示一致。其中，在第一显示参数下显示所述网页，生成第一页面结果，包括：在第一显示参数下显示所述网页，对所述页面内容区域进行截图和/或拼图以生成第一页面结果；其中，在第二显示参数下显示所述网页，生成第二页面结果包括：在第二显示参数下显示所述网页，对所述页面内容区域截图和/或拼图以生成第二页面结果。其中，还包括：当所述第一显示参数大于所述第二显示参数时，根据所述第一显示参数与第二显示参数比例关系，对所述第二显示参数下显示的网页执行大于1次截图，对所有截图进行拼图生成所述第二页面结果。其中，还包括：当所述第一显示参数小于所述第二显示参数时，根据所述第一显示参数与所述第二显示参数比例关系，对所述第一显示参数下显示的网页执行大于1次截图，对所有截图进行拼图生成所述第一页面结果。其中，还包括：记录每次截图页面区域位置，根据页面区域位置进行拼图。其中，在对截图进行拼接前，还包括：对所述截图进行对齐、裁剪处理。另一方面本专利技术还提供一种网页显示一致性检测装置，包括：内容获取单元，用于获取待检测网页的网页内容；第一结果生成单元，用于在第一显示参数下显示所述网页，生成第一页面结果；第二结果生成单元，用于在第二显示参数下显示所述网页，生成第二页面结果；一致性确定单元，用于将所述第二页面结果与所述第一页面结果中相同网页内容区域比较，发现两者相似度大于预设阈值，确定网页显示一致。其中，所述第一结果生成单元，包括：第一截图模块，用于在所述第一显示参数下显示所述网页，对所述页面内容区域截图；其中，所述第二结果生成单元包括：第二截图模块，用于在所述第二显示参数下显示所述网页，对所述页面内容区域截图。其中，所述第一结果生成单元，还包括：第一拼接模块，用于将在第一显示参数下的所有截图进行拼接以生成第一页面结果。其中，所述第二结果生成单元，还包括：第二拼接模块，用于将在第二显示参数下的所有截图进行拼接以生成第二页面结果。其中，所述一致性确定单元，还包括：比较模块，用于将将所述第二页面结果与所述第一页面结果比较得出是否满足预设条件的比较结果。本专利技术的网页显示一致性检测方法和装置，在获取网页内容后，在第一显示参数下显示所述网页，生成第一页面结果；在第二显示参数下显示所述网页，生成第二页面结果；然后将所述第二页面结果与所述第一页面结果比较，发现满足预设条件，确定所述网页显示是一致的能够检测出同一个浏览器在不同显示参数下渲染同一网页一致。能够检测出同一个浏览器在不同显示参数下渲染同一网页是否一致。为使本专利技术的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。附图说明为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。图1示出了本专利技术实施例所提供的网页显示一致性检测方法的流程图；图2示出了本专利技术的实施例的一个网页展示示例图；图3示出了本专利技术另一个实施例所提供的网页显示一致性检测方法的流程图；图4a－图4d示出了多次截图的示例；图5a－图5d示出了多次截图的另一示例；图6示出了本专利技术实施例提供的网页显示一致性检测装置的框架图；图7示出了本专利技术另一实施例提供的网页显示一致性检测装置的第一生成模块的方框图；图8示出了本专利技术另一实施例提供的网页显示一致性检测装置的第二生成模块的方框图。具体实施方式下面将结合本专利技术实施例中附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本专利技术实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本专利技术的实施例的详细描述并非旨在限制要求保护的本专利技术的范围，而是仅仅表示本专利技术的选定实施例。基于本专利技术的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本专利技术保护的范围。本专利技术的网页显示一致性检测方法，在获取网页内容后，在第一显示参数下显示所述网页，生成第一页面结果；在第二显示参数下显示所述网页，生成第二页面结果；然后将所述第二页面结果与所述第一页面结果中相同网页内容区域比较，发现两者相似度大于预设阈值，则确定所述网页显示一致。本专利技术能够检测出同一个浏览器在不同显示参数下渲染同一网页是否一致。下面通过实施例进行描述。图1示出了本专利技术实施例所提供的网页显示一致性检测方法的流程图。如图1所示，本实施例一种网页显示一致性检测方法，包括：S100：获取待检测网页的网页内容。浏览器向网络服务器发送网络请求。网络服务器响应浏览器的请求，返回请求网页的网络数据。例如：浏览器向网络发起访问www.sina.com.cn的请求。新浪网络服务器会响应浏览器请求，返回www.sina.com.cn网页对应的网页内容数据。在优选实施方式中还包括存储本步骤获取的待检测网页的网页内容。S110：在第一显示参数下显示所述网页，生成第一页面结果。通常情况下，浏览器都有一个默认显示参数。通常的默认是浏览器在全屏下显示网页。默认显示参数跟显示设备的物理大小相关。本实施例不限定第一显示参数的值，第一显示参数的上限值为显示设备的最大物理大小。优先实施方式中第一显示参数是全屏大小。浏览器在第一显示参数显示所述网页。这里是根据S100中获取的网页数据来显示所述网页。在优选实施方式中，本步骤生成的第一页面结果为在第一显示参数下的页面区域构成的页面结果，不包含浏览器的工具栏等边框的内容区域。S120：在第二显示参数下显示所述网页，生成第二页面结果本文档来自技高网...

【技术保护点】
一种网页显示一致性检测方法，其特征在于，所述方法包括：获取待检测网页的网页内容；在第一显示参数下显示所述网页，生成第一页面结果；在第二显示参数下显示所述网页，生成第二页面结果；将所述第二页面结果与所述第一页面结果中相同网页内容区域比较，发现两者相似度大于预设阈值，则确定所述网页显示一致。

【技术特征摘要】
1.一种网页显示一致性检测方法，其特征在于，所述方法包括：获取待检测网页的网页内容；在第一显示参数下显示所述网页，生成第一页面结果；在第二显示参数下显示所述网页，生成第二页面结果；将所述第二页面结果与所述第一页面结果中相同网页内容区域比较，发现两者相似度大于预设阈值，则确定所述网页显示一致。2.如权利要求1所述的方法，其特征在于，所述在第一显示参数下显示所述网页，生成第一页面结果，包括：在第一显示参数下显示所述网页，对所述页面内容区域进行截图和/或拼图以生成第一页面结果；其中，所述在第二显示参数下显示所述网页，生成第二页面结果包括：在第二显示参数下显示所述网页，对所述页面内容区域截图和/或拼图以生成第二页面结果。3.如权利要求2所述的方法，其特征在于，所述方法还包括：当所述第一显示参数大于所述第二显示参数时，根据所述第一显示参数与第二显示参数比例关系，对所述第二显示参数下显示的网页执行大于1次截图，对所有截图进行拼图生成所述第二页面结果。4.如权利要求2所述的方法，其特征在于，所述方法还包括：当所述第一显示参数小于所述第二显示参数时，根据所述第一显示参数与所述第二显示参数比例关系，对所述第一显示参数下显示的网页执行大于1次截图，对所有截图进行拼图生成所述第一页面结果。5.如权利要求2－4任意一项所述的方法，其特征在于，所述还包括：记录每次截图页面区域位置，根据页面区域位置进...

【专利技术属性】
技术研发人员：刘晶，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛;KY