[發明專利]一種用于識別網頁中可見圖片的方法及裝置

有效

• 申請號: 201510572012.6
• 申請日: 2015-09-09
• 公開（公告）號: CN105260384B
• 公開（公告）日: 2019-02-12
• 發明（設計）人: 楊曉兵;唐明生;劉曉健;周雪
• 申請（專利權）人: 北京奇虎科技有限公司;奇智軟件（北京）有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957
• 代理公司: 北京華沛德權律師事務所 11302
• 代理人: 劉杰

1.一種用于識別網頁中可見圖片的方法，其特征在于，包括：

獲取網頁上的鼠標指針的位置信息以及所述鼠標指針的位置信息在所述網頁中對應的頁面元素；

當所述頁面元素是圖片標簽并且其對應的第一圖片是可見圖片時，則確定所述第一圖片是所述鼠標指針的位置信息在所述網頁上對應的可見圖片；所述可見圖片具體為圖片的尺寸信息不為0、且圖片的可見區域不為0，其中，獲取圖片的可見區域具體包括：獲取圖片標簽在網頁中對應的圖片的位置信息以及圖片的尺寸信息，根據圖片的位置信息以及圖片的尺寸信息得到圖片在網頁中的位置以及占據的區域范圍，獲取圖片標簽對應的父容器的位置信息以及父容器的尺寸信息，根據父容器的位置信息以及父容器的尺寸信息得到父容器在網頁中的位置以及占據的區域范圍，將圖片在網頁中的位置與父容器在網頁中占據的位置做交集，得到相交位置，將圖片在網頁中占據的區域范圍與父容器在網頁中占據的范圍做交集，得到相交區域，對相交區域和相交位置進行判斷，如果同時存在相交區域和相交位置，則確定存在圖片的可見區域，圖片的可見區域即為根據相交位置以及相交區域確定的區域范圍；

當所述頁面元素是第一類標簽時，則逐層遍歷所述頁面元素的祖先元素所包含的各元素，直至找到一元素是圖片標簽且所述鼠標指針的位置信息處于該元素的可見區域范圍內，則確定該元素對應的第二圖片是所述鼠標指針的位置信息在所述網頁上對應的可見圖片,所述第一類標簽在所述網頁中以透明層的形式疊加在圖片上面。

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

當逐層遍歷所述頁面元素的祖先元素所包含的各元素，找不到一元素是圖片標簽且所述鼠標指針的位置信息處于該元素的可見區域范圍內時，遍歷所述網頁上的各圖片標簽的可見區域范圍，找到所述鼠標指針的位置信息處于的可見區域范圍，則確定屬于該可見區域范圍的圖片標簽對應的第三圖片是所述鼠標指針的位置信息在所述網頁上對應的可見圖片。

3.如權利要求1所述的方法，其特征在于，所述逐層遍歷所述頁面元素的祖先元素所包含的各元素，直至找到一元素是圖片標簽且所述鼠標指針的位置信息處于該元素的可見區域范圍內，則確定該元素對應的第二圖片是所述鼠標指針的位置信息在所述網頁上對應的可見圖片，具體包括：

步驟a1：判斷所述網頁中對應的頁面元素是否存在上一層元素，是則獲取所述頁面元素的上一層元素，將其作為所述頁面元素的祖先元素，獲取所述頁面元素的祖先元素中的各元素，執行步驟a2；否則結束遍歷所述頁面元素的祖先元素；

步驟a2：判斷所述頁面元素的祖先元素中的各元素是否有至少一個是圖片標簽，是則執行步驟a4；否則執行步驟a3；

步驟a3：獲取所述頁面元素的祖先元素的上一層元素，用其更新所述頁面元素的祖先元素，獲取更新后的頁面元素的祖先元素中的各元素，執行步驟a2；

步驟a4：獲取所述頁面元素的祖先元素中各圖片標簽的可見區域范圍，直到找到所述鼠標指針的位置信息處于的可見區域范圍，確定屬于所述可見區域范圍的圖片標簽對應的第二圖片是所述鼠標指針的位置信息在所述網頁上對應的可見圖片。

4.如權利要求1所述的方法，其特征在于，所述逐層遍歷具體是根據網頁源代碼中的樹狀結構逐層遍歷。

5.如權利要求1所述的方法，其特征在于，所述方法的執行主體是瀏覽器。

6.如權利要求1所述的方法，其特征在于，所述方法還包括：獲取所述圖片標簽的屬性信息，所述圖片標簽的屬性信息包括：圖片的統一資源定位符、圖片的尺寸信息、圖片的位置信息。

7.如權利要求6所述的方法，其特征在于，所述方法還包括：將所述圖片標簽的屬性信息發送至服務器，接收所述服務器返回的圖片相關信息；

當識別到所述鼠標指針的位置信息在所述網頁上對應的可見圖片時，將所述圖片相關信息展現在所述可見圖片上。

8.如權利要求7所述的方法，其特征在于，所述方法還包括：當所述鼠標指針移出所述可見圖片時，隱藏所述圖片相關信息。