[發明專利]一種網頁頁面布局監測方法及裝置

有效

• 申請號: 201710047524.X
• 申請日: 2017-01-22
• 公開（公告）號: CN106910195B
• 公開（公告）日: 2020-06-16
• 發明（設計）人: 劉楠
• 申請（專利權）人: 北京奇藝世紀科技有限公司
• 主分類號: G06T7/11
• 分類號: G06T7/11;G06T7/187;G06T7/90;G06T7/181
• 代理公司: 北京潤澤恒知識產權代理有限公司 11319
• 代理人: 趙娟

本發明公開了一種網頁頁面布局監測方法及裝置，所述方法包括以下步驟：提取正常網頁頁面的背景色，并利用背景色對正常網頁頁面進行分割，生成具有感興趣區域的網頁模板；當目標網頁頁面與正常網頁頁面的圖像尺寸不同時，根據網頁模板對目標網頁頁面進行正向和反向雙向比對，計算兩者之間感興趣區域內的差異，以獲取目標網頁頁面的狀態；當目標網頁頁面與正常網頁頁面圖像尺寸相同時，根據網頁模板對目標網頁頁面進行一對一正向比對，計算兩者之間感興趣區域內的差異，以獲取目標網頁的狀態。本發明還公開了一種網頁頁面布局監測裝置。本發明可代替人工工作，實現全天候自動對網頁進行監測，節省大量人力物力。

技術領域

本發明涉及圖像處理技術領域，尤其涉及一種網頁頁面布局監測方法及裝置。

背景技術

互聯網時代網絡變為了最為主要的媒體，每天都有大量用戶在互聯網的各個網頁上進行瀏覽，獲取海量的信息。因此，各網站網頁的質量變成了衡量用戶體驗的重要指標。網頁的質量不僅包括UI設計，獲取信息的便捷性等等這些主觀的評價標準，還包括網頁穩定性等這些客觀的評價標準，如果因為網頁代碼出現問題，導致在用戶端出現顯示錯誤等問題，會造成非常不好的用戶體驗。現在網頁的更新速度很快，不能保證在每次更新過程中，不會因為人為疏忽等原因，致使網頁顯示各種錯誤。如果利用人工監測這類問題，需要人工7x24小時的不斷對所有網頁進行監測，耗時耗力。

發明內容

本發明的主要目的在于提供一種網頁頁面布局監測方法及裝置，旨在解決現有技術中需要人工不斷對所有網頁進行監測，耗時耗力的技術問題。

為實現上述目的，本發明提供的一種網頁頁面布局監測方法，包括以下步驟：

提取正常網頁頁面的背景色，并利用所述背景色對所述正常網頁頁面進行分割，生成具有感興趣區域的網頁模板；

當目標網頁頁面與所述正常網頁頁面的圖像尺寸不同時，根據所述網頁模板對所述目標網頁頁面進行正向和反向雙向比對，計算兩者之間感興趣區域內的差異，以獲取所述目標網頁頁面的狀態；

當所述目標網頁頁面與所述正常網頁頁面圖像尺寸相同時，根據所述網頁模板對所述目標網頁頁面進行一對一正向比對，計算兩者之間感興趣區域內的差異，以獲取所述目標網頁的狀態。

優選地，所述提取正常網頁頁面的背景色，并利用所述背景色對所述正常網頁頁面進行分割，生成具有感興趣區域的網頁模板的步驟包括：

將輸入的所述正常網頁頁面的圖像轉化為灰度空間或者任意亮度色彩分離空間；

利用水平方向邊緣梯度算子和垂直方向邊緣梯度算子，同所述灰度空間或者任意亮度色彩分離空間進行卷積，獲得水平邊緣圖Eh和垂直邊緣圖Ev；

對所述水平方向邊緣圖Eh的每一行進行水平方向的投影，獲得水平方向的直方圖Hedge；

統計所述直方圖Hedge中圖像像素P(x,y)的顏色直方圖Hcolor；

獲得所述圖像的兩種背景顏色colorbg1、colorbg2；

利用所述背景顏色colorbg1按第一方向對圖像進行分割；

對每一個分割后的區域，進行第二方向的分割，并對每個第二方向分割后的區域，再次利用所述背景顏色colorbg1按第一方向對圖像進行分割，得到若干個感興趣區域；其中，所述第一方向為水平方向，第二方向為垂直方向；或者，所述第一方向為垂直方向，第二方向為水平方向；

比較每個感興趣區域中的任意像素P(x,y)與背景顏色colorbg1，如果P(x,y)＝colorbg1，將此處置為統計范圍，否則置為非統計范圍；將非感興趣區域中的像素位置置為非統計范圍，獲得最終的具有感興趣區域的網頁模板。