[发明专利]一种页面比对方法及系统

说明书

技术领域

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

背景技术

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

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

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

第一步：确定需要进行比对的页面的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树的结构进行划分，且所有区域都按照相同的模糊度进行比对，若该模糊度取值较低，容易在非重要区域出现误报；若该模糊度取值较高，又容易在重要区域出现漏报。

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

发明内容

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

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

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

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

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

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

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

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