一種用于識別網頁中可見圖片的方法及裝置的制造方法
【技術領域】
[0001] 本發明涉及互聯網技術領域，具體涉及一種用于識別網頁中可見圖片的方法及裝 置。
【背景技術】
[0002] 網絡信息資源是指通過計算機網絡可以利用的各種信息資源的總和，是以電子數 據形式把文本、圖片、音頻、視頻等多種形式的信息通過網絡通信、計算機或終端等方式展 現出來的資源。網絡用戶可以在任何時間、任何地點相互傳輸網絡信息，實現網絡信息資源 共享。
[0003] 圖片作為能夠直觀地展現信息的網絡信息資源，越來越廣泛地被應用在網頁中， 而且衍生出很多利用圖片的網絡應用，但是發明人發現由于網頁結構復雜，比如圖片上可 能覆蓋有透明層，例如圖片上有A標簽，導致計算機有時很難準確識別出指定位置處顯示 的圖片。因此，如何準確識別出指定位置處顯示的圖片是迫切需要解決的一個技術問題，只 有準確識別出指定位置處顯示的圖片，后續才能基于該圖片進行相關應用。
【發明內容】
[0004] 鑒于上述問題，提出了本發明以便提供一種克服上述問題或者至少部分地解決上 述問題的用于識別網頁中可見圖片的裝置和相應的用于識別網頁中可見圖片的方法。
[0005] 依據本發明的一個方面，提供了一種用于識別網頁中可見圖片的方法，包括：
[0006] 獲取網頁上的鼠標指針的位置信息以及鼠標指針的位置信息在網頁中對應的頁 面元素；
[0007] 當頁面元素是圖片標簽并且其對應的第一圖片是可見圖片時，則確定第一圖片是 鼠標指針的位置信息在網頁上對應的可見圖片；
[0008] 當頁面元素是第一類標簽時，則逐層遍歷頁面元素的祖先元素所包含的各元素， 直至找到一元素是圖片標簽且鼠標指針的位置信息處于該元素的可見區域范圍內，則確定 該元素對應的第二圖片是鼠標指針的位置信息在網頁上對應的可見圖片。
[0009] 本實施例中，逐層遍歷頁面元素的祖先元素所包含的各元素，直至找到一元素是 圖片標簽且鼠標指針的位置信息處于該元素的可見區域范圍內，則確定該元素對應的第二 圖片是鼠標指針的位置信息在網頁上對應的可見圖片，具體包括：
[0010] 步驟al :判斷網頁中對應的頁面元素是否存在上一層元素，是則獲取頁面元素的 上一層元素，將其作為頁面元素的祖先元素，獲取頁面元素的祖先元素中的各元素，執行步 驟a2 ;否則結束遍歷頁面元素的祖先元素；
[0011] 步驟a2:判斷頁面元素的祖先元素中的各元素是否有至少一個是圖片標簽，是則 執行步驟a4 ;否則執行步驟a3 ;
[0012] 步驟a3:獲取頁面元素的祖先元素的上一層元素，用其更新頁面元素的祖先元 素，獲取更新后的頁面元素的祖先元素中的各元素，執行步驟a2 ;
[0013] 步驟a4:獲取頁面元素的祖先元素中各圖片標簽的可見區域范圍，直到找到鼠標 指針的位置信息處于的可見區域范圍，確定屬于可見區域范圍的圖片標簽對應的第二圖片 是鼠標指針的位置信息在網頁上對應的可見圖片。
[0014] 本實施例中，逐層遍歷具體是根據網頁源代碼中的樹狀結構逐層遍歷。
[0015] 可選的，本實施例中，還包括：
[0016] 當逐層遍歷頁面元素的祖先元素所包含的各元素，找不到一元素是圖片標簽且鼠 標指針的位置信息處于該元素的可見區域范圍內時，遍歷網頁上的各圖片標簽的可見區域 范圍，找到鼠標指針的位置信息處于的可見區域范圍，則確定屬于該可見區域范圍的圖片 標簽對應的第三圖片是鼠標指針的位置信息在網頁上對應的可見圖片。
[0017] 可選的，本實施例中，提供的方法的執行主體是瀏覽器。
[0018] 可選的，本實施例中，還包括：獲取圖片標簽的屬性信息，圖片標簽的屬性信息包 括：圖片的統一資源定位符、圖片的尺寸信息、圖片的位置信息。
[0019] 可選的，本實施例中還包括：將圖片標簽的屬性信息發送至服務器，接收服務器返 回的圖片相關信息；
[0020] 當識別到鼠標指針的位置信息在網頁上對應的可見圖片時，將圖片相關信息展現 在可見圖片上。
[0021] 相應的，本實施例中，還包括：當鼠標指針移出可見圖片時，隱藏圖片相關信息。
[0022] 可選的，第一類標簽在網頁中以透明層的形式疊加在圖片上面。
[0023] 另一方面，本發明提供一種用于識別網頁中可見圖片的裝置，包括：
[0024] 獲取信息模塊，用于獲取網頁上的鼠標指針的位置信息以及鼠標指針的位置信息 在網頁中對應的頁面元素；
[0025] 識別第一圖片模塊，用于當頁面元素是圖片標簽并且其對應的第一圖片是可見圖 片時，確定第一圖片是鼠標指針的位置信息在網頁上對應的可見圖片；
[0026] 識別第二圖片模塊，用于當頁面元素是第一類標簽時，逐層遍歷頁面元素的祖先 元素所包含的各元素，直至找到一元素是圖片標簽且鼠標指針的位置信息處于該元素的可 見區域范圍內，則確定該元素對應的第二圖片是鼠標指針的位置信息在網頁上對應的可見 圖片。
[0027] 其中，第一類標簽，具體用于在網頁中以透明層的形式疊加在圖片上面。
[0028] 可選的，識別第二圖片模塊，具體包括：
[0029] 第一判斷子模塊，用于判斷網頁中對應的頁面元素是否存在上一層元素；
[0030] 第一獲取子模塊，用于獲取頁面元素的上一層元素，將其作為頁面元素的祖先元 素；
[0031] 第二獲取子模塊，用于獲取頁面元素的祖先元素中的各元素；
[0032] 第二判斷子模塊，用于判斷頁面元素的祖先元素中的各元素是否有至少一個是圖 片標簽；
[0033] 第三獲取子模塊，用于在頁面元素的祖先元素中的各元素都不是圖片標簽時，獲 取頁面元素的祖先元素的上一層元素，用其更新頁面元素的祖先元素；
[0034] 第四獲取子模塊，用于頁面元素的祖先元素中的各元素至少有一個是圖片標簽 時，獲取頁面元素的祖先元素中各圖片標簽的可見區域范圍，直到找到鼠標指針的位置信 息處于的可見區域范圍，確定屬于可見區域范圍的圖片標簽對應的第二圖片是鼠標指針的 位置信息在網頁上對應的可見圖片。
[0035] 本實施例中，識別第二圖片模塊，具體用于當頁面元素是第一類標簽時，根據網頁 源代碼中的樹狀結構逐層遍歷頁面元素的祖先元素所包含的各元素，直至找到一元素是圖 片標簽且鼠標指針的位置信息處于該元素的可見區域范圍內，則確定該元素對應的第二圖 片是鼠標指針的位置信息在網頁上對應的可見。
[0036] 可選的，本裝置還包括：
[0037] 查找圖片標簽模塊，用于當逐層遍歷頁面元素的祖先元素所包含的各元素，找不 到一元素是圖片標簽且鼠標指針的位置信息處于該元素的可見區域范圍內時，遍歷網頁上 的各圖片標簽的可見區域范圍，找到鼠標指針的位置信息處于的可見區域范圍，則確定屬 于該可見區域范圍的圖片標簽對應的第三圖片是鼠標指針的位置信息在網頁上對應的可 見圖片。
[0038] 可選的，本裝置具體為瀏覽器。
[0039] 可選的，本裝置還包括：
[0040] 獲取圖片標簽屬性信息模塊，用于獲取圖片標簽的屬性信息，圖片標簽的屬性信 息包括：圖片的統一資源定位符、圖片的尺寸信息、圖片的位置信息。
[0041 ] 本裝置中，還包括：
[0042] 發送模塊，用于將圖片標簽的屬性信息發送至服務器；
[0043] 接收模塊，用于接收服務器返回的圖片相關信息；
[0044] 顯示模塊，用于當識別到鼠標指針的位置信息在網頁上對應的可見圖片時，將圖 片相關信息展現在可見圖片上。
[0045] 本裝置還包括：隱藏信息模塊，用于當鼠標指針移出可見圖片時，隱藏圖片相關信 息。
[0046] 根據本發明的用于識別網頁中可見圖片的方法及裝置，獲取網頁上的鼠標指針的 位置信息以及鼠標指針的位置信息在網頁中對應的頁面元素；當頁面元素是圖片標簽并且 其對應的第一圖片是可見圖片時，則確定第一圖片是鼠標指針的位置信息在網頁上對應的 可見圖片；當頁面元素是第一類標簽時，則逐層遍歷頁面元素的祖先元素所包含的各元素， 直至找到一元素是圖片標簽且鼠標指針的位置信息處于該元素的可見區域范圍內，則確定 該元素對應的第二圖片是鼠標指針的位置信息在網頁上對應的可見圖片，由此識別出用戶 操作的真正的圖片。
[0047] 上述說明僅是本發明技術方案的概述，為了能夠更清楚了解本發明的技術手段， 而可依照說明書的內容予以實施，并且為了讓本發明的上述和其它目的、特征和優點能夠 更明顯易懂，以下特舉本發明的【具體實施方式】。
【附圖說明】
[0048] 通過閱讀下文優選實施方式的詳細描述，各種其他的優點和益處對于本領域普通 技術人員將變得清楚明了。附圖僅用于示出優選實施方式的目的，而并不認為是對本發明 的限制。而且在整個附圖中，用相同的參考符號表示相同的部件。在附圖中：
[0049] 圖1是本發明一個實施例的一種用于識別網頁中可見圖片的方法流程圖；
[0050] 圖2是本發明一個實施例的步驟103的細化流程圖；
[0051] 圖3是本發