CN104461310B - 一种页面比对方法及系统 - Google Patents

Abstract

本申请公开了一种页面比对方法及系统，通过预先对页面进行个性化的区域划分，以及为划分的每个区域设置前置动作和模糊度后，在进行页面比对操作时，在对应相同地址信息的不同版本的两个页面中分别执行为各区域设置的前置动作，然后对两个页面按照划分的区域进行截图后，针对截取的相同区域的图片，按照为该区域设置的模糊度进行比对，由于在截图之前对页面进行个性化的区域划分，并对各区域执行设置的前置动作，因此可确保截图之前两个页面处于相同的页面状态，在对截图进行比对时，根据为每个区域设置的模糊度分别进行比对操作，可有效降低误报率和漏报率。

Description

一种页面比对方法及系统

技术领域

本申请涉及计算机技术领域，尤其涉及一种页面比对方法及系统。

背景技术

应用软件开发过程中部署的代码称之为分支代码，分支代码上线应用到真实环境所部署的代码称之为主干代码，分支代码或主干代码在后台运行时，会在前台生成相应的页面。当分支代码进行更新后，更新后的分支代码运行时在前台生成的页面与当前的主干代码运行时生成的页面会有所不同，这两个页面的差别度也反映出对分支代码的更新操作对其性能造成了何种程度的影响，因此，需要对更新后的分支代码运行时生成的页面与当前的主干代码运行时生成的页面进行相似度比对。

目前，常用的页面相似度比对方式有以下两种：

方式一：全像素精准比对。

第一步：确定需要进行比对的页面的URL（Uniform Resource Locator，统一资源定位符）。由于进行对比的页面是主干代码和更新后的分支代码生成的页面（推广开来也可视为不同版本的代码生成的页面），因此，需要进行对比的页面具有相同的URL。

第二步：将所述URL分别发送给两台设备，由这两台设备利用所述URL获取不同版本的页面。假设设备1获取版本1的页面，设备2获取版本2的页面。

第三步：设备1对版本1的页面做整张截图，得到图片1；设备2对版本2的页面也做整张截图，得到图片2。

第四步：设备1将图片1发送给设备3，设备2将图片2发送给设备3，由设备3对图片1和图片2进行全像素的精准比对，若两张图片的相似度高，表示两个版本的代码性能差别不大；若两张图片的相似度低，表示两个版本的代码性能差别较大。

利用方式一进行页面比对的优点是实现方案简单，不会出现漏报的情况；但其缺点是误报率高，这是因为方式一是全像素精准比对，即图片中的每个像素点都要比对，而实际上，一个页面中有重要区域也有非重要的区域，若重要区域的相似度很高，但非重要区域的相似度较低，则会影响最终的对比结果，导致出现误报。

方式二：dom（Document Object Model，文档对象模型)树截取区域的模糊比对。

第一步：确定需要进行比对的页面的URL。

第二步：将所述URL分别发送给设备1和设备2，由设备1获取版本1的页面，设备2获取版本2的页面。

第三步：设备1按照dom树结构，对版本1的页面做区域截图，得到每个区域的图片，即图片1_1、图片1_2...图片1_n；设备2按照dom树结构，对版本2的页面做区域截图，得到图片2_1、图片2_2...图片2_n。

第四步：设备1将截取的图片1_1、图片1_2...图片1_n发送给设备3，设备2将截取的图片2_1、图片2_2...图片2_n发送给设备3，由设备3分别针对相同区域的截图做模糊比对，得到每个区域的相似度结果。若所有区域的相似度都较高，则表示两个版本的代码性能差别较小；否则，表示两个版本的代码性能差别较大。

利用方式二进行页面比对的优点也是实现方案简单，且针对区域做模糊比对可降低误报率；但其缺点是区域划分不够灵活，只能按照dom树的结构进行划分，且所有区域都按照相同的模糊度进行比对，若该模糊度取值较低，容易在非重要区域出现误报；若该模糊度取值较高，又容易在重要区域出现漏报。

综上所述，在目前的页面比对方案中，划分区域的方式不够灵活，且进行模糊比对时容易出现误报和漏报；另外，在从页面中截图时不能对页面做任何行为操作，对于页面中有下拉菜单等控件或是有滚播内容的情况，页面的比对结果与实际情况相差会很大。

发明内容

本申请实施例提供了一种页面比对方法及系统，用以解决现有技术中存在的页面比对容易出现误报和漏报的问题。

一种页面比对方法，所述方法包括：

根据需要进行比对的页面的地址信息，获取该地址信息对应的不同版本的两个页面；

针对所述两个页面中按照相同的划分条件划分的每个区域，在该区域中执行为该区域设置的前置动作，并对该区域进行区域截图，其中，两个页面中相同区域设置的前置动作相同；

针对所述两个页面进行区域截图后得到的相同区域的图片，利用为该区域设置的模糊度进行比对。

通过本申请实施例的方案，可以在截图之前对页面进行个性化的区域划分，并对各区域执行设置的前置动作，确保截图之前两个页面处于相同的页面状态，在对截图进行比对时，根据为每个区域设置的模糊度分别进行比对操作，可有效降低误报率和漏报率。

可选地，所述方法还包括：

在所述两个页面中分别执行为页面设置的相同的前置动作；

分别对所述两个页面进行整张截图；

针对所述两个页面进行整张截图后得到的两张图片，利用为整个页面设置的模糊度进行比对。

在本申请实施例的方案中，以页面为对象来执行前置动作后，再根据为页面设置的模糊度进行比对操作，可进一步完善针对页面中各区域的比对结果，使得最终得到的比对结果更加准确。

可选地，所述页面中的区域是根据级联样式表css路径来划分的。

在本申请实施例的方案中，利用css直观且能够被不同类型的设备识别的特性，可使得本方案易于在不同类型的设备中推广。

可选的，所述前置动作为以下动作中的至少一种：

鼠标点击动作、鼠标移动动作、触屏动作、页面移动动作、从页面中除移部分内容的动作和将页面中的部分内容置为空的动作。

在本申请实施例的方案中，可根据实际需要选择合适的前置动作。

可选地，通过以下方式为页面中各区域设置前置动作：

当区域中有按钮或下拉菜单控件时，为该区域设置鼠标点击动作或触屏动作；

当区域中有内容滚播控件时，为该区域设置从页面中除移部分内容的动作或将页面中的部分内容置为空的动作。

在本申请实施例的方案，对于页面中有特殊控件的区域设置合适的前置动作，确保截图之前两个页面中特殊控件的区域处于相同的页面状态。

一种页面比对系统，所述系统包括：

第一执行设备，用于根据需要进行比对的页面的地址信息，获取该地址信息对应的一个版本的页面，针对获取的该页面中按照划分条件划分的每个区域，在该区域中执行为该区域设置的前置动作，并对该区域进行区域截图，截取的图片发送给第三执行设备；

第二执行设备，用于根据所述地址信息，获取该地址信息对应的另一个版本的页面，针对获取的该页面中按照所述划分条件划分的每个区域，在该区域中执行为该区域设置的前置动作，并对该区域进行区域截图，截取的图片发送给第三执行设备，其中，所述第一执行设备和第二执行设备获取的两个页面中相同区域设置的前置动作相同；

第三执行设备，用于针对所述第一执行设备和第二执行设备发送的相同区域的图片，利用为该区域设置的模糊度进行比对。

通过本申请实施例的方案，可以在截图之前对页面进行个性化的区域划分，并对各区域执行设置的前置动作，确保截图之前两个页面处于相同的页面状态，在对截图进行比对时，根据为每个区域设置的模糊度分别进行比对操作，可有效降低误报率和漏报率。

可选地，所述第一执行设备和第二执行设备，还用于在自身获取的页面中执行为该页面设置的相同的前置动作，并对该页面进行整张截图后，发送给所述第三执行设备；

所述第三执行设备，还用于针对所述第一执行设备和第二执行设备发送的页面进行整张截图后得到的两张图片，利用为整个页面设置的模糊度进行比对。

在本申请实施例的方案中，以页面为对象来执行前置动作后，再根据为页面设置的模糊度进行比对操作，可进一步完善针对页面中各区域的比对结果，使得最终得到的比对结果更加准确。

可选地，所述系统还包括：

预定义设备，用于为页面设置区域的划分条件、为各区域设置前置动作以及模糊度。

在本申请实施例的方案中，预先为页面设置划分条件、为各区域设置前置动作以及模糊度后，可在进行页面比对操作时直接根据已预先设定的信息进行操作。

可选地，所述前置动作为以下动作中的至少一种：

鼠标点击动作、鼠标移动动作、触屏动作、页面移动动作、从页面中除移部分内容的动作和将页面中的部分内容置为空的动作。

在本申请实施例的方案中，可根据实际需要选择合适的前置动作。

可选地，所述预定义设备，具体用于当区域中有按钮或下拉菜单控件时，为该区域设置鼠标点击动作或触屏动作，当区域中有内容滚播控件时，为该区域设置从页面中除移部分内容的动作或将页面中的部分内容置为空的动作。

在本申请实施例的方案，对于页面中有特殊控件的区域设置合适的前置动作，确保截图之前两个页面中特殊控件的区域处于相同的页面状态。

附图说明

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

图1为本申请实施例一中页面比对方法的步骤示意图；

图2为本申请实施例二中页面比对系统的结构示意图。

具体实施方式

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

本申请实施例提出一种新的页面比对方案，通过预先对页面进行个性化的区域划分，以及为划分的每个区域设置前置动作和模糊度后，在进行页面比对操作时，在对应相同地址信息的不同版本的两个页面中分别执行为各区域设置的前置动作，然后对两个页面按照划分的区域进行截图后，针对截取的相同区域的图片，按照为该区域设置的模糊度进行比对。

通过本申请实施例的方案，可以在截图之前对页面进行个性化的区域划分，并对各区域执行设置的前置动作，确保截图之前两个页面处于相同的页面状态，在对截图进行比对时，根据为每个区域设置的模糊度分别进行比对操作，可有效降低误报率和漏报率。

下面通过具体实施例对本申请方案做详细说明，当然，本申请并不局限于以下实施例。

实施例一：

本申请实施例一描述了一种页面比对方法，如图1所示，所述方法包括以下步骤：

步骤101：为页面设置区域的划分条件、为各区域设置前置动作以及模糊度。

在对页面进行划分之前，可预先根据页面的类型设置区域的划分条件。例如，对于主要是文本内容的页面而言，可按照文本进行划分，将划分条件设置为：页面划分为文本区域和非文本区域；对于包含大量图片的页面而言，可按照图片进行划分，将划分条件设置为：页面划分为图片区域和非图片区域；对于有特殊控件的页面而言，可按照控件进行划分，将划分条件设置为：页面划分为控件区域和非控件区域。对于包含的内容较复杂的页面，如既包含文本内容、图片内容又包含控件的页面，可分别划分为文本区域、图片区域和控件区域。

同一页面中划分的区域可以有部分重叠，划分的所有区域的集合可以是一个页面的子集，本实施例并不要求将页面所有内容都划分为区域。

以上是实现本申请实施例一的可选方案，本申请实施例也不限于通过其他方式来为页面确定个性化的划分条件。

本实施例的方案中，可以对所有的页面设置相同的划分条件，也可以针对不同地址信息的页面分别设置个性化的划分条件，但针对相同地址信息的不同版本的页面设置的划分条件相同。

所述划分条件可以以css（Cascading Style Sheet，级联样式表）路径来表示，例如，以css路径来指定划分的区域在页面中的位置和相对面积（即划分的区域在页面中的长、宽），同时还可以指定该区域截图后的绝对面积（即区域截图后的长、宽）。

例如，根据css路径指定页面中的区域1，以及根据css路径指定页面中的区域2等。

在为页面设置区域的划分条件后，可为各区域设置前置动作（实际上此时还没有获得页面以及页面中划分的区域），所述前置动作为以下动作中的至少一种：

鼠标点击动作、鼠标移动动作、页面移动动作、从页面中除移部分内容的动作和将页面中的部分内容置为空的动作。对于本领域技术人员熟知的是，当所述页面比对方法的运行设备为触屏设备时，所述鼠标点击动作、鼠标移动动作可由相应的触屏动作替代。

具体地，可通过以下方式为页面中各区域设置前置动作：

当区域中有按钮或下拉菜单控件时，为该区域设置鼠标点击动作或相应的触屏动作；

当区域中有内容滚播控件时，为该区域设置从页面中除移部分内容的动作或将页面中的部分内容置为空的动作。

可选地，除了为页面划分后各区域分别设置前置动作外，还可以以页面为对象来设置前置动作。针对不同地址信息的页面可个性化地分别设置前置动作，但为同一地址信息的不同版本的页面设置的前置动作相同。

以上是本实施例一中设置前置动作的可选方案，本实施例一也不限于其他个性化的设置方式，如对于文本区域或图片区域（非控件区域），可以设置鼠标点击动作或鼠标移动动作；对于不包含文本、图片、控件的空白区域，可以设置从页面中除移部分内容的动作等。当然，本实施例一也不限于对划分的区域设置前置动作为空的情况，即不设置前置动作的情况。

针对对应不同地址信息的页面，其中的区域可分别设置个性化的前置动作，但针对相同地址信息的不同版本的页面，其中的区域设置的前置动作相同。

例如，根据css路径指定页面中的区域1后，再为区域1设置前置动作，以及根据css路径指定页面中的区域2后，再为区域2设置前置动作等。

除了为各区域设置前置动作外，还可以为各区域设置模糊度，一种可选的设置模糊度的方式为：

对重要区域（如文本区域、图片区域和空间区域）设置较低的模糊度，对非重要区域（如不包含文本、图片、控件的空白区域）设置较高的模糊度，确保之后针对重要区域的比对不会出现漏报，针对非重要区域不会出现误报。

可选地，除了为页面划分后各区域分别设置模糊度外，还可以以页面为对象来设置模糊度。由于页面中同时包含了重要区域和非重要区域，因此，为页面设置的模糊度可介于为重要区域和非重要区域设置的模糊度之间。

针对不同地址信息的页面可个性化地分别设置模糊度，但同一地址信息的不同版本的页面设置的模糊度相同。

例如，根据css路径指定页面中的区域1后，再为区域1设置前置动作，之后，再为区域1设置模糊度，以及根据css路径指定页面中的区域2后，再为区域2设置前置动作，之后，再为区域2设置模糊度等。

通过步骤101的方案，预先定义区域的划分条件、为各区域设置前置动作以及模糊度，之后，可进行页面比对操作。需要说明的是，本步骤101并不是每次执行页面比对操作时都需要执行的步骤，可以在执行一次步骤101后，每次页面比对操作都使用步骤101定义的内容。当然，后续的页面比对操作中也可以继续对步骤101定义的内容进行更新。

步骤102：根据需要进行比对的页面的地址信息，获取该地址信息对应的不同版本的两个页面。

所述地址信息是能够唯一标识页面的信息，包括但不限于URL（Uniform ResourceLocator，统一资源定位符）或是域名+相对路径信息。

由于不同版本的代码（如主干代码和分支代码）生成的页面具有相同的地址信息，因此，通过一个地址信息能够获得不同版本的两个页面。

本步骤102的执行主体可以是从资源池中选取的两台执行设备，这两台执行设备分别接收页面的地址信息后，根据所述地址信息各自获取一个版本的页面。当然，本步骤102的执行主体也可以是资源池中的一台执行设备，该执行设备接收到页面的地址信息后，根据所述地址信息获取不同版本的两个页面。

资源池中执行设备的状态信息（反映执行设备处于空闲状态还是工作状态）和设备能力信息可以以XML（Extensible Markup Language，可扩展标记语言）文件格式保存，并提供初始化该XML文件的功能，以达到动态扩展资源池的目的。

在本步骤102执行之前，需判断资源池中是否有足够多的处于空闲状态的执行设备，若是，则选择其中一台执行设备或两台执行设备执行本步骤102；若否，则需扩展资源池，或是等待工作状态的执行设备工作结束后，再执行步骤102。

在从资源池中选择出执行本步骤102的执行设备后，可将步骤101为页面设置区域的划分条件和为各区域设置的前置动作的信息发送给执行设备，也可以是在步骤101为页面设置区域的划分条件和为各区域设置前置动作后，直接将相关信息发送给资源池中的各执行设备。

若从资源池选择出的用于执行本步骤102的执行设备与后续做比对操作的执行设备不是同一设备，则将为各区域设置的模糊度发送给后续做比对操作的执行设备；若从资源池选择出的用于执行本步骤102的执行设备与后续做比对操作的执行设备是同一设备，则将为各区域设置的模糊度发送给执行本步骤102的执行设备；当然，也可以是在步骤101为各区域设置模糊度后，直接将相关信息发送给资源池中各执行设备。

步骤103：在所述两个页面中分别按照相同的划分条件对页面进行区域划分。

假设在步骤102中是两个执行设备分别获取一个版本的页面的情况，则在步骤103中，这两个执行设备按照划分条件中css路径指定的区域在页面中的位置和相对面积，来对本地获取的页面进行区域划分。

假设在步骤102中是一个执行设备获取不同版本的两个页面的情况，则在步骤103中，由这一个执行设备按照划分条件中css路径指定的区域在页面中的位置和相对面积，来对两个页面进行区域划分。

步骤104：判断是否有还未处理过的区域，若有，则执行步骤105；否则，执行步骤106。

对页面进行区域划分后可以得到至少一个区域，需要针对两个页面中每个相同区域执行前置动作和截图操作，以此循环，直至针对所有的区域都完成前置动作和截图操作。

步骤105：针对两个页面中的相同区域，在每个页面的该区域中执行为该区域设置的前置动作，并对该区域进行区域截图，然后跳转至步骤104。

假设在步骤102中是两个执行设备分别获取一个版本的页面的情况，则在步骤105中，这两个执行设备分别针对本地划分的各区域，判断该区域是否设置有前置动作，若有，以JavaScript（JS）注入的方式进行前置动作，否则，直接对该区域进行区域截图。在该区域的前置动作结束后，对该区域进行截图，具体地，可根据划分条件中css路径指定的区域截图后的绝对面积来完成截图。这两个执行设备每完成一次区域截图，可以将截取的图片缓存在本地，在对所有区域完成区域截图操作后，将各区域截取的图片发送给进行图片比对操作的第三个执行设备；也可以在每完成一次区域截图，就将本次截得的图片发送给第三个执行设备。

假设在步骤102中是一个执行设备获取不同版本的两个页面的情况，则在步骤105中，这一个执行设备分别针对两个页面划分的区域，判断是否为该区域设置有前置动作，若是，则以JavaScript（JS）注入的方式进行前置动作，否则，直接进行区域截图。在该区域的前置动作结束后，对该区域进行截图。当该执行设备每完成一次对两个页面的区域截图时，可以将截取的图片缓存在本地，在对所有区域完成区域截图操作后，利用本地缓存的图片准备进行比对操作。

可选地，为了进一步提高比对结果的准确性，尽量减少误报、漏报的情况，本实施例一的方案除了针对页面中的区域进行前置动作和区域截图操作外，还可以根据为页面设置的前置动作，对页面执行前置动作，并在完成对页面的前置动作后，对页面进行整张截图，页面的整张截图也可应用于后续的比对操作中。

本实施例的方案中，对划分的区域和页面执行前置动作和截图操作的先后顺序不限定，可以先针对区域执行前置动作和截图操作，再针对页面执行前置动作和截图操作，也可以先针对页面执行前置动作和截图操作，再针对区域执行前置动作和截图操作。

步骤106：针对所述两个页面进行区域截图后得到的相同区域的图片，利用为该区域设置的模糊度进行比对。

在本步骤106的方案中，可使用开源的sikuli（新型图形脚本语言），按照为区域设置的模糊度，对两个页面中截取到的相同区域的图片进行比对。

可选地，针对所述两个页面进行整张截图后得到的两张图片，也可使用开源的sikuli，按照为整个页面设置的模糊度进行比对。

在图片比对结束后输出比对结果，一般可以默认如果所有图片比对的相似度能够达到75%，则认为这两个页面的相似度高。

实施例二：

本申请实施例二描述了一种与实施例一属于同一发明构思下的一种页面比对系统，如图2所示，所述系统包括：

第一执行设备11，用于根据需要进行比对的页面的地址信息，获取该地址信息对应的一个版本的页面，针对获取的该页面中按照划分条件划分的每个区域，在该区域中执行为该区域设置的前置动作，并对该区域进行区域截图，截取的图片发送给第三执行设备13；

第二执行设备12，用于根据所述地址信息，获取该地址信息对应的另一个版本的页面，针对获取的该页面中按照所述划分条件划分的每个区域，在该区域中执行为该区域设置的前置动作，并对该区域进行区域截图，截取的图片发送给第三执行设备13，其中，所述第一执行设备11和第二执行设备12获取的两个页面中相同区域设置的前置动作相同；

第三执行设备13，用于针对所述第一执行设备11和第二执行设备12发送的相同区域的图片，利用为该区域设置的模糊度进行比对。

可选地，所述第一执行设备11和第二执行设备12，还用于在自身获取的页面中执行为该页面设置的相同的前置动作，并对该页面进行整张截图后，发送给所述第三执行设备13；

所述第三执行设备13，还用于针对所述第一执行设备11和第二执行设备12发送的页面进行整张截图后得到的两张图片，利用为整个页面设置的模糊度进行比对。

可选地，所述系统还包括预定义设备10，用于为页面设置区域的划分条件、为各区域设置前置动作以及模糊度。

所述预定义设备10可在设置划分条件和前置动作后直接将相关信息发送给第一执行设备和第二执行设备，并在为各区域设置模糊度后直接发送给第三执行设备；也可以在选定资源池中的第一执行设备、第二执行设备和第三执行设备后，再分别将相关信息发送给各执行设备。

可选地，所述前置动作为以下动作中的至少一种：

鼠标点击动作、鼠标移动动作、触屏动作、页面移动动作、从页面中除移部分内容的动作和将页面中的部分内容置为空的动作。

所述预定义设备10，具体用于当区域中有按钮或下拉菜单控件时，为该区域设置鼠标点击动作或相应触屏动作，当区域中有内容滚播控件时，为该区域设置从页面中除移部分内容的动作或将页面中的部分内容置为空的动作。

本实施例二中涉及的第一执行设备、第二执行设备和第三执行设备可以是资源池中独立的三个执行设备，此时，所述预定义设备可分别与这三个执行设备通信，分别向其发送预先设置的相关信息。

所述第一执行设备、第二执行设备和第三执行设备也可以是资源池中一个执行设备的三个执行部件，此时，所述预定义设备可直接与该执行设备设备通信，向其发送预先设置的相关信息。

本实施例二并不对第一执行设备、第二执行设备和第三执行设备之间的物理关系做限定。

通过本申请实施例的方案，可自定义地对页面进行区域划分，通过UI自动化的页面操作，对各区域分别执行相应的前置动作，使得本申请实施例的方案可应用在特定页面内容的场景中，如页面中有下拉菜单等控件或是有滚播内容的场景，可有效降低误报率；同时，以区域为单位来设置模糊度，可进一步降低误报率，杜绝漏报情况；另外，通过对资源池的动态扩展，可确保本申请实施例能够被执行设备正确执行。

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质（包括但不限于磁盘存储器、CD-ROM、光学存储器等）上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备（系统）、和计算机程序产品的流程图和／或方框图来描述的。应理解可由计算机程序指令实现流程图和／或方框图中的每一流程和／或方框、以及流程图和／或方框图中的流程和／或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和／或方框图一个方框或多个方框中指定的功能的装置。

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

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

在一个典型的配置中，所述计算机设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括非持续性的电脑可读媒体(transitory media)，如调制的数据信号和载波。

尽管已描述了本申请的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本申请范围的所有变更和修改。

显然，本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样，倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。

Claims (10)

1.一种页面比对方法，其特征在于，所述方法包括：

根据需要进行比对的页面的地址信息，获取该地址信息对应的不同版本的两个页面；

针对所述两个页面中按照相同的划分条件划分的每个区域，在该区域中执行为该区域设置的前置动作，并对该区域进行区域截图，其中，两个页面中相同区域设置的前置动作相同；

针对所述两个页面进行区域截图后得到的相同区域的图片，利用为该区域设置的模糊度进行比对。

2.如权利要求1所述的方法，其特征在于，所述方法还包括：

在所述两个页面中分别执行为页面设置的相同的前置动作；

分别对所述两个页面进行整张截图；

针对所述两个页面进行整张截图后得到的两张图片，利用为整个页面设置的模糊度进行比对。

3.如权利要求1所述的方法，其特征在于，所述页面中的区域是根据级联样式表css路径来划分的。

4.如权利要求1所述的方法，其特征在于，所述前置动作为以下动作中的至少一种：

鼠标点击动作、鼠标移动动作、触屏动作、页面移动动作、从页面中除移部分内容的动作和将页面中的部分内容置为空的动作。

5.如权利要求4所述的方法，其特征在于，通过以下方式为页面中各区域设置前置动作：

当区域中有按钮或下拉菜单控件时，为该区域设置鼠标点击动作或触屏动作；

当区域中有内容滚播控件时，为该区域设置从页面中除移部分内容的动作或将页面中的部分内容置为空的动作。

6.一种页面比对系统，其特征在于，所述系统包括：

第一执行设备，用于根据需要进行比对的页面的地址信息，获取该地址信息对应的一个版本的页面，针对获取的该页面中按照划分条件划分的每个区域，在该区域中执行为该区域设置的前置动作，并对该区域进行区域截图，截取的图片发送给第三执行设备；

第二执行设备，用于根据所述地址信息，获取该地址信息对应的另一个版本的页面，针对获取的另一个版本的页面中按照所述划分条件划分的每个区域，在该区域中执行为该区域设置的前置动作，并对该区域进行区域截图，截取的图片发送给第三执行设备，其中，所述第一执行设备和第二执行设备获取的两个页面中相同区域设置的前置动作相同；

第三执行设备，用于针对所述第一执行设备和第二执行设备发送的相同区域的图片，利用为该区域设置的模糊度进行比对。

7.如权利要求6所述的系统，其特征在于，

所述第一执行设备和第二执行设备，还用于在自身获取的页面中执行为该页面设置的相同的前置动作，并对该页面进行整张截图后，发送给所述第三执行设备；

所述第三执行设备，还用于针对所述第一执行设备和第二执行设备发送的页面进行整张截图后得到的两张图片，利用为整个页面设置的模糊度进行比对。

8.如权利要求6所述的系统，其特征在于，所述系统还包括：

预定义设备，用于为页面设置区域的划分条件、为各区域设置前置动作以及模糊度。

9.如权利要求8所述的系统，其特征在于，所述前置动作为以下动作中的至少一种：

鼠标点击动作、鼠标移动动作、触屏动作、页面移动动作、从页面中除移部分内容的动作和将页面中的部分内容置为空的动作。

10.如权利要求9所述的系统，其特征在于，

所述预定义设备，具体用于当区域中有按钮或下拉菜单控件时，为该区域设置鼠标点击动作或触屏动作；当区域中有内容滚播控件时，为该区域设置从页面中除移部分内容的动作或将页面中的部分内容置为空的动作。