[發明專利]一種頁面對比的方法及裝置

有效

• 申請號: 201310507969.3
• 申請日: 2013-10-24
• 公開（公告）號: CN104572056B
• 公開（公告）日: 2018-10-12
• 發明（設計）人: 栗志果
• 申請（專利權）人: 阿里巴巴集團控股有限公司
• 主分類號: G06F9/448
• 分類號: G06F9/448;G06F17/30
• 代理公司: 北京安信方達知識產權代理有限公司 11262
• 代理人: 白瑩;栗若木

一種頁面對比的方法和裝置；所述方法包括：在預定時間長度中，分別在多個時刻對第一頁面進行截圖，得到多個第一圖片；以各所述第一圖片中的任一個作為基準圖片，分別將其它各第一圖片與所述基準圖片進行對比；根據對比結果，將存在不同的部分識別為動態變化區域。本申請能夠在頁面對比的過程中如何避免動態變化區域的影響。

技術領域

本發明涉及網絡領域，尤其涉及一種頁面對比的方法及裝置。

背景技術

圖片對比大量地應用在網站自動化驗證過程中，如圖1所示，包括以下步驟101～104。

101、在瀏覽器中輸入需要截圖的頁面的URL（統一資源定位符）；

102、對于顯示出的當前頁面，分別在不同情況下截圖。

103、對比截圖所得到的各圖片。

104、判斷各圖片之間是否存在不同，如果是存在不同，則驗證失敗，表明所述截圖對應的網頁之間具有不同點并輸出不同點；如果沒有存在不同，則驗證通過，表明所述截圖對應的網頁之間相同。

步驟102中所述的在不同情況下截圖，可以包括如下兩種類型中的不同情況：

（1）主干分支截圖對比，或者某歷史版本的對比，即對當前頁面進行截圖，同時對瀏覽器中主干版本或者某歷史版本中對應于該當前頁面的頁面也進行截圖，將兩張截圖進行對比。其中，當前頁面的版本為一種情況，而當前頁面對應的主干版本或者某歷史版本為另一種情況。

（2）多瀏覽器截圖對比，指當前頁面在多個不同類型的瀏覽器內同時打開，分別在多個瀏覽器中截圖，然后將每張截圖與所述多個瀏覽器中的一個基準瀏覽器的截圖兩兩對比。其中，多個不同類型的瀏覽器對應的當前頁面的版本為多種不同情況。

這兩種類型的圖片對比算法在面對動態變化的區域，都會出現誤報情況；動態變化的區域是指網頁中能夠隨著時間的推移頁面自動變化的區域，如廣告輪播區域，在不同的時刻截下來的圖片會不一樣，而這種不一樣常常會導致圖片對比算法誤報。

目前的解決方法是，人手工地將動態變化的區域從對比區域或者對比的結果里拿掉。這就需要在自動化過程里插入手動排除的動作，打斷了自動化過程，使得自動化的效率和效果大打折扣；同時隨著前端技術的發展，動態變化的頁面越來越多，可以動態變化的區域也越來越多，手動地排除這些區域需要花費大量的手工勞動。

發明內容

本申請要解決的技術問題是在頁面對比的過程中如何避免動態變化區域的影響。

為了解決上述問題，本申請提供了一種頁面對比的方法，包括：

在預定時間長度中，分別在多個時刻對第一頁面進行截圖，得到多個第一圖片；

以各所述第一圖片中的任一個作為基準圖片，分別將其它各第一圖片與所述基準圖片進行對比；

根據對比結果，將存在不同的部分識別為動態變化區域。

可選地，所述根據對比結果，將存在不同的部分識別為動態變化區域的步驟包括：

根據對比結果，在所述基準圖片上標出不同的像素點；

將所述基準圖片中標出的像素點組成的區域識別為動態變化區域。

可選地，所述分別在多個時刻對第一頁面進行截圖的步驟包括：

按照均勻的時間間隔在多個不同時刻對所述第一頁面進行截圖。

可選地，所述的方法還包括：

在不同情況下對所述第一頁面進行截圖，得到多個第二圖片；

分別在各第二圖片中去除所識別出的動態變化區域；