一種用于識別網(wǎng)頁中可見圖片的方法及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，具體涉及一種用于識別網(wǎng)頁中可見圖片的方法及裝 置。
【背景技術(shù)】
[0002] 網(wǎng)絡(luò)信息資源是指通過計算機網(wǎng)絡(luò)可以利用的各種信息資源的總和，是以電子數(shù) 據(jù)形式把文本、圖片、音頻、視頻等多種形式的信息通過網(wǎng)絡(luò)通信、計算機或終端等方式展 現(xiàn)出來的資源。網(wǎng)絡(luò)用戶可以在任何時間、任何地點相互傳輸網(wǎng)絡(luò)信息，實現(xiàn)網(wǎng)絡(luò)信息資源 共享。
[0003] 圖片作為能夠直觀地展現(xiàn)信息的網(wǎng)絡(luò)信息資源，越來越廣泛地被應(yīng)用在網(wǎng)頁中， 而且衍生出很多利用圖片的網(wǎng)絡(luò)應(yīng)用，但是發(fā)明人發(fā)現(xiàn)由于網(wǎng)頁結(jié)構(gòu)復(fù)雜，比如圖片上可 能覆蓋有透明層，例如圖片上有A標(biāo)簽，導(dǎo)致計算機有時很難準(zhǔn)確識別出指定位置處顯示 的圖片。因此，如何準(zhǔn)確識別出指定位置處顯示的圖片是迫切需要解決的一個技術(shù)問題，只 有準(zhǔn)確識別出指定位置處顯示的圖片，后續(xù)才能基于該圖片進行相關(guān)應(yīng)用。

【發(fā)明內(nèi)容】

[0004] 鑒于上述問題，提出了本發(fā)明以便提供一種克服上述問題或者至少部分地解決上 述問題的用于識別網(wǎng)頁中可見圖片的裝置和相應(yīng)的用于識別網(wǎng)頁中可見圖片的方法。
[0005] 依據(jù)本發(fā)明的一個方面，提供了一種用于識別網(wǎng)頁中可見圖片的方法，包括：
[0006] 獲取網(wǎng)頁上的鼠標(biāo)指針的位置信息以及鼠標(biāo)指針的位置信息在網(wǎng)頁中對應(yīng)的頁 面元素；
[0007] 當(dāng)頁面元素是圖片標(biāo)簽并且其對應(yīng)的第一圖片是可見圖片時，則確定第一圖片是 鼠標(biāo)指針的位置信息在網(wǎng)頁上對應(yīng)的可見圖片；
[0008] 當(dāng)頁面元素是第一類標(biāo)簽時，則逐層遍歷頁面元素的祖先元素所包含的各元素， 直至找到一元素是圖片標(biāo)簽且鼠標(biāo)指針的位置信息處于該元素的可見區(qū)域范圍內(nèi)，則確定 該元素對應(yīng)的第二圖片是鼠標(biāo)指針的位置信息在網(wǎng)頁上對應(yīng)的可見圖片。
[0009] 本實施例中，逐層遍歷頁面元素的祖先元素所包含的各元素，直至找到一元素是 圖片標(biāo)簽且鼠標(biāo)指針的位置信息處于該元素的可見區(qū)域范圍內(nèi)，則確定該元素對應(yīng)的第二 圖片是鼠標(biāo)指針的位置信息在網(wǎng)頁上對應(yīng)的可見圖片，具體包括：
[0010] 步驟al :判斷網(wǎng)頁中對應(yīng)的頁面元素是否存在上一層元素，是則獲取頁面元素的 上一層元素，將其作為頁面元素的祖先元素，獲取頁面元素的祖先元素中的各元素，執(zhí)行步 驟a2 ;否則結(jié)束遍歷頁面元素的祖先元素；
[0011] 步驟a2:判斷頁面元素的祖先元素中的各元素是否有至少一個是圖片標(biāo)簽，是則 執(zhí)行步驟a4 ;否則執(zhí)行步驟a3 ;
[0012] 步驟a3:獲取頁面元素的祖先元素的上一層元素，用其更新頁面元素的祖先元 素，獲取更新后的頁面元素的祖先元素中的各元素，執(zhí)行步驟a2 ;
[0013] 步驟a4:獲取頁面元素的祖先元素中各圖片標(biāo)簽的可見區(qū)域范圍，直到找到鼠標(biāo) 指針的位置信息處于的可見區(qū)域范圍，確定屬于可見區(qū)域范圍的圖片標(biāo)簽對應(yīng)的第二圖片 是鼠標(biāo)指針的位置信息在網(wǎng)頁上對應(yīng)的可見圖片。
[0014] 本實施例中，逐層遍歷具體是根據(jù)網(wǎng)頁源代碼中的樹狀結(jié)構(gòu)逐層遍歷。
[0015] 可選的，本實施例中，還包括：
[0016] 當(dāng)逐層遍歷頁面元素的祖先元素所包含的各元素，找不到一元素是圖片標(biāo)簽且鼠 標(biāo)指針的位置信息處于該元素的可見區(qū)域范圍內(nèi)時，遍歷網(wǎng)頁上的各圖片標(biāo)簽的可見區(qū)域 范圍，找到鼠標(biāo)指針的位置信息處于的可見區(qū)域范圍，則確定屬于該可見區(qū)域范圍的圖片 標(biāo)簽對應(yīng)的第三圖片是鼠標(biāo)指針的位置信息在網(wǎng)頁上對應(yīng)的可見圖片。
[0017] 可選的，本實施例中，提供的方法的執(zhí)行主體是瀏覽器。
[0018] 可選的，本實施例中，還包括：獲取圖片標(biāo)簽的屬性信息，圖片標(biāo)簽的屬性信息包 括：圖片的統(tǒng)一資源定位符、圖片的尺寸信息、圖片的位置信息。
[0019] 可選的，本實施例中還包括：將圖片標(biāo)簽的屬性信息發(fā)送至服務(wù)器，接收服務(wù)器返 回的圖片相關(guān)信息；
[0020] 當(dāng)識別到鼠標(biāo)指針的位置信息在網(wǎng)頁上對應(yīng)的可見圖片時，將圖片相關(guān)信息展現(xiàn) 在可見圖片上。
[0021] 相應(yīng)的，本實施例中，還包括：當(dāng)鼠標(biāo)指針移出可見圖片時，隱藏圖片相關(guān)信息。
[0022] 可選的，第一類標(biāo)簽在網(wǎng)頁中以透明層的形式疊加在圖片上面。
[0023] 另一方面，本發(fā)明提供一種用于識別網(wǎng)頁中可見圖片的裝置，包括：
[0024] 獲取信息模塊，用于獲取網(wǎng)頁上的鼠標(biāo)指針的位置信息以及鼠標(biāo)指針的位置信息 在網(wǎng)頁中對應(yīng)的頁面元素；
[0025] 識別第一圖片模塊，用于當(dāng)頁面元素是圖片標(biāo)簽并且其對應(yīng)的第一圖片是可見圖 片時，確定第一圖片是鼠標(biāo)指針的位置信息在網(wǎng)頁上對應(yīng)的可見圖片；
[0026] 識別第二圖片模塊，用于當(dāng)頁面元素是第一類標(biāo)簽時，逐層遍歷頁面元素的祖先 元素所包含的各元素，直至找到一元素是圖片標(biāo)簽且鼠標(biāo)指針的位置信息處于該元素的可 見區(qū)域范圍內(nèi)，則確定該元素對應(yīng)的第二圖片是鼠標(biāo)指針的位置信息在網(wǎng)頁上對應(yīng)的可見 圖片。
[0027] 其中，第一類標(biāo)簽，具體用于在網(wǎng)頁中以透明層的形式疊加在圖片上面。
[0028] 可選的，識別第二圖片模塊，具體包括：
[0029] 第一判斷子模塊，用于判斷網(wǎng)頁中對應(yīng)的頁面元素是否存在上一層元素；
[0030] 第一獲取子模塊，用于獲取頁面元素的上一層元素，將其作為頁面元素的祖先元 素；
[0031] 第二獲取子模塊，用于獲取頁面元素的祖先元素中的各元素；
[0032] 第二判斷子模塊，用于判斷頁面元素的祖先元素中的各元素是否有至少一個是圖 片標(biāo)簽；
[0033] 第三獲取子模塊，用于在頁面元素的祖先元素中的各元素都不是圖片標(biāo)簽時，獲 取頁面元素的祖先元素的上一層元素，用其更新頁面元素的祖先元素；
[0034] 第四獲取子模塊，用于頁面元素的祖先元素中的各元素至少有一個是圖片標(biāo)簽 時，獲取頁面元素的祖先元素中各圖片標(biāo)簽的可見區(qū)域范圍，直到找到鼠標(biāo)指針的位置信 息處于的可見區(qū)域范圍，確定屬于可見區(qū)域范圍的圖片標(biāo)簽對應(yīng)的第二圖片是鼠標(biāo)指針的 位置信息在網(wǎng)頁上對應(yīng)的可見圖片。
[0035] 本實施例中，識別第二圖片模塊，具體用于當(dāng)頁面元素是第一類標(biāo)簽時，根據(jù)網(wǎng)頁 源代碼中的樹狀結(jié)構(gòu)逐層遍歷頁面元素的祖先元素所包含的各元素，直至找到一元素是圖 片標(biāo)簽且鼠標(biāo)指針的位置信息處于該元素的可見區(qū)域范圍內(nèi)，則確定該元素對應(yīng)的第二圖 片是鼠標(biāo)指針的位置信息在網(wǎng)頁上對應(yīng)的可見。
[0036] 可選的，本裝置還包括：
[0037] 查找圖片標(biāo)簽?zāi)K，用于當(dāng)逐層遍歷頁面元素的祖先元素所包含的各元素，找不 到一元素是圖片標(biāo)簽且鼠標(biāo)指針的位置信息處于該元素的可見區(qū)域范圍內(nèi)時，遍歷網(wǎng)頁上 的各圖片標(biāo)簽的可見區(qū)域范圍，找到鼠標(biāo)指針的位置信息處于的可見區(qū)域范圍，則確定屬 于該可見區(qū)域范圍的圖片標(biāo)簽對應(yīng)的第三圖片是鼠標(biāo)指針的位置信息在網(wǎng)頁上對應(yīng)的可 見圖片。
[0038] 可選的，本裝置具體為瀏覽器。
[0039] 可選的，本裝置還包括：
[0040] 獲取圖片標(biāo)簽屬性信息模塊，用于獲取圖片標(biāo)簽的屬性信息，圖片標(biāo)簽的屬性信 息包括：圖片的統(tǒng)一資源定位符、圖片的尺寸信息、圖片的位置信息。
[0041 ] 本裝置中，還包括：
[0042] 發(fā)送模塊，用于將圖片標(biāo)簽的屬性信息發(fā)送至服務(wù)器；
[0043] 接收模塊，用于接收服務(wù)器返回的圖片相關(guān)信息；
[0044] 顯示模塊，用于當(dāng)識別到鼠標(biāo)指針的位置信息在網(wǎng)頁上對應(yīng)的可見圖片時，將圖 片相關(guān)信息展現(xiàn)在可見圖片上。
[0045] 本裝置還包括：隱藏信息模塊，用于當(dāng)鼠標(biāo)指針移出可見圖片時，隱藏圖片相關(guān)信 息。
[0046] 根據(jù)本發(fā)明的用于識別網(wǎng)頁中可見圖片的方法及裝置，獲取網(wǎng)頁上的鼠標(biāo)指針的 位置信息以及鼠標(biāo)指針的位置信息在網(wǎng)頁中對應(yīng)的頁面元素；當(dāng)頁面元素是圖片標(biāo)簽并且 其對應(yīng)的第一圖片是可見圖片時，則確定第一圖片是鼠標(biāo)指針的位置信息在網(wǎng)頁上對應(yīng)的 可見圖片；當(dāng)頁面元素是第一類標(biāo)簽時，則逐層遍歷頁面元素的祖先元素所包含的各元素， 直至找到一元素是圖片標(biāo)簽且鼠標(biāo)指針的位置信息處于該元素的可見區(qū)域范圍內(nèi)，則確定 該元素對應(yīng)的第二圖片是鼠標(biāo)指針的位置信息在網(wǎng)頁上對應(yīng)的可見圖片，由此識別出用戶 操作的真正的圖片。
[0047] 上述說明僅是本發(fā)明技術(shù)方案的概述，為了能夠更清楚了解本發(fā)明的技術(shù)手段， 而可依照說明書的內(nèi)容予以實施，并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點能夠 更明顯易懂，以下特舉本發(fā)明的【具體實施方式】。
【附圖說明】
[0048] 通過閱讀下文優(yōu)選實施方式的詳細描述，各種其他的優(yōu)點和益處對于本領(lǐng)域普通 技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實施方式的目的，而并不認為是對本發(fā)明 的限制。而且在整個附圖中，用相同的參考符號表示相同的部件。在附圖中：
[0049] 圖1是本發(fā)明一個實施例的一種用于識別網(wǎng)頁中可見圖片的方法流程圖；
[0050] 圖2是本發(fā)明一個實施例的步驟103的細化流程圖；
[0051] 圖3是本發(fā)