一種網(wǎng)頁元素信息的顯示方法和瀏覽器裝置制造方法
【專利摘要】本發(fā)明實(shí)施例提供了一種網(wǎng)頁元素信息的顯示方法和瀏覽器裝置，所述的方法包括：在瀏覽器中加載當(dāng)前網(wǎng)頁，解析出當(dāng)前網(wǎng)頁的文檔對象模型信息；檢測到當(dāng)前網(wǎng)頁的文檔對象模型中目標(biāo)網(wǎng)頁元素的預(yù)置觸發(fā)事件；獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息，并使用所述統(tǒng)一資源定位器信息在瀏覽器側(cè)生成出其對應(yīng)的圖形標(biāo)識碼；在當(dāng)前網(wǎng)頁的文檔對象模型信息中增加該圖形標(biāo)識碼，并在對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼。移動終端可以通過該圖形標(biāo)識碼獲取該圖片，操作簡單、快捷，不易出錯。
【專利說明】一種網(wǎng)頁元素信息的顯示方法和瀏覽器裝置

【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及瀏覽器【技術(shù)領(lǐng)域】，特別是涉及一種網(wǎng)頁元素信息的顯示方法和一種瀏覽器裝置。

【背景技術(shù)】
[0002]隨著科技的發(fā)展，用戶使用的終端種類越來越多，如個人計算機(jī)(PersonalComputer, PC),又如手機(jī)、平板電腦等移動終端。
[0003]用戶在PC終端中瀏覽網(wǎng)頁等網(wǎng)絡(luò)內(nèi)容時，往往希望把相關(guān)的網(wǎng)絡(luò)內(nèi)容傳輸?shù)揭苿咏K端中以備查看，例如用戶在當(dāng)前網(wǎng)頁中對一幅圖片感興趣，想要將該圖片發(fā)送到移動終端中查看，此時通常是記錄網(wǎng)頁的地址，然后在移動終端中手動輸入網(wǎng)頁地址，通過原始網(wǎng)頁來查看圖片。
[0004]但是，通常移動終端的屏幕比較小，其屏幕中顯示的虛擬鍵盤也較小，輸入比較不方便且很容易出錯，圖片查看效率較低。


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

[0005]鑒于上述問題，提出了本發(fā)明以便提供一種克服上述問題或者至少部分地解決上述問題的網(wǎng)頁元素信息的顯示方法和相應(yīng)的瀏覽器裝置。
[0006]依據(jù)本發(fā)明的一個方面，提供了一種網(wǎng)頁元素信息的顯示方法，包括:在瀏覽器中加載當(dāng)前網(wǎng)頁，解析出當(dāng)前網(wǎng)頁的文檔對象模型信息；檢測到當(dāng)前網(wǎng)頁的文檔對象模型中目標(biāo)網(wǎng)頁元素的預(yù)置觸發(fā)事件；獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息，并使用所述統(tǒng)一資源定位器信息在瀏覽器側(cè)生成出其對應(yīng)的圖形標(biāo)識碼；在當(dāng)前網(wǎng)頁的文檔對象模型信息中增加該圖形標(biāo)識碼，并在對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼。
[0007]可選的，所述檢測到當(dāng)前網(wǎng)頁的文檔對象模型中目標(biāo)網(wǎng)頁元素的預(yù)置觸發(fā)事件，包括:從所述當(dāng)前網(wǎng)頁的文檔對象模型信息中查找目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)；檢測所述目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)上是否存在預(yù)置觸發(fā)事件。
[0008]可選的，所述預(yù)置觸發(fā)事件包括以下至少一項(xiàng):目標(biāo)網(wǎng)頁元素的鼠標(biāo)懸停事件、目標(biāo)網(wǎng)頁元素的鼠標(biāo)右鍵點(diǎn)擊事件、目標(biāo)網(wǎng)頁元素上的鼠標(biāo)手勢動作和鼠標(biāo)滑動選取事件。
[0009]可選的，所述獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息，包括:依據(jù)所述當(dāng)前網(wǎng)頁的文檔對象模型信息中所述目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)，確定所述目標(biāo)網(wǎng)頁元素的元素類型，其中，所述元素類型包括:圖片、視頻、音頻、文本塊、鏈接地址；依據(jù)所述元素類型獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息。
[0010]可選的，依據(jù)所述元素類型獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息，包括:當(dāng)所述元素類型為文本塊時，從所述文檔對象模型信息中選取文本塊；將選取的文本塊上傳給所述瀏覽器對應(yīng)的服務(wù)器；接收所述服務(wù)器反饋的統(tǒng)一資源定位器信息。
[0011]根據(jù)本發(fā)明的另一方面，提供了一種瀏覽器裝置，包括:解析模塊，用于在瀏覽器中加載當(dāng)前網(wǎng)頁，解析出當(dāng)前網(wǎng)頁的文檔對象模型信息；檢測模塊，用于檢測到當(dāng)前網(wǎng)頁的文檔對象模型中目標(biāo)網(wǎng)頁元素的預(yù)置觸發(fā)事件；獲取模塊，用于獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息；生成模塊，用于使用所述統(tǒng)一資源定位器信息在瀏覽器側(cè)生成出其對應(yīng)的圖形標(biāo)識碼；顯示模塊，用于在當(dāng)前網(wǎng)頁的文檔對象模型信息中增加該圖形標(biāo)識碼，并在對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼。
[0012]可選的，所述檢測模塊，包括:查找子模塊，用于從所述當(dāng)前網(wǎng)頁的文檔對象模型信息中查找目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)；檢測子模塊，用于檢測所述目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)上是否存在預(yù)置觸發(fā)事件。
[0013]可選的，所述預(yù)置觸發(fā)事件包括以下至少一項(xiàng):目標(biāo)網(wǎng)頁元素的鼠標(biāo)懸停事件、目標(biāo)網(wǎng)頁元素的鼠標(biāo)右鍵點(diǎn)擊事件、目標(biāo)網(wǎng)頁元素上的鼠標(biāo)手勢動作和鼠標(biāo)滑動選取事件。
[0014]可選的，所述獲取模塊，包括:確定子模塊，用于依據(jù)所述當(dāng)前網(wǎng)頁的文檔對象模型信息中所述目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)，確定所述目標(biāo)網(wǎng)頁元素的元素類型，其中，所述元素類型包括:圖片、視頻、音頻、文本塊、鏈接地址；獲取子模塊，用于依據(jù)所述元素類型獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息。
[0015]可選的，所述獲取子模塊，用于當(dāng)所述元素類型為文本塊時，從所述文檔對象模型信息中選取文本塊；將選取的文本塊上傳給所述瀏覽器對應(yīng)的服務(wù)器；接收所述服務(wù)器反饋的統(tǒng)一資源定位器信息。
[0016]本發(fā)明實(shí)施例對當(dāng)前網(wǎng)頁的文檔對象模型中目標(biāo)網(wǎng)頁元素的預(yù)置觸發(fā)事件進(jìn)行檢測，然后在檢測到預(yù)置觸發(fā)事件時獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息，并生成統(tǒng)一資源定位器信息對應(yīng)的圖形標(biāo)識碼，在當(dāng)前網(wǎng)頁中對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼，以便移動終端可以通過該圖形標(biāo)識碼獲取該圖片，操作簡單、快捷，不易出錯。
[0017]上述說明僅是本發(fā)明技術(shù)方案的概述，為了能夠更清楚了解本發(fā)明的技術(shù)手段，而可依照說明書的內(nèi)容予以實(shí)施，并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點(diǎn)能夠更明顯易懂，以下特舉本發(fā)明的【具體實(shí)施方式】。

【專利附圖】

【附圖說明】
[0018]通過閱讀下文優(yōu)選實(shí)施方式的詳細(xì)描述，各種其他的優(yōu)點(diǎn)和益處對于本領(lǐng)域普通技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實(shí)施方式的目的，而并不認(rèn)為是對本發(fā)明的限制。而且在整個附圖中，用相同的參考符號表示相同的部件。在附圖中:
[0019]圖1示出了根據(jù)本發(fā)明一個實(shí)施例的網(wǎng)頁元素信息的顯示方法的步驟流程圖；
[0020]圖2示出了根據(jù)本發(fā)明一個實(shí)施例的網(wǎng)頁元素信息的顯示方法的可選步驟流程圖；以及
[0021]圖3示出了根據(jù)本發(fā)明一個實(shí)施例中用戶數(shù)據(jù)存儲示意圖；
[0022]圖4A示出了根據(jù)本發(fā)明一個實(shí)施例的瀏覽器裝置的結(jié)構(gòu)框圖；
[0023]圖4B示出了根據(jù)本發(fā)明一個實(shí)施例的瀏覽器裝置的可選結(jié)構(gòu)框圖。

【具體實(shí)施方式】
[0024]下面將參照附圖更詳細(xì)地描述本公開的示例性實(shí)施例。雖然附圖中顯示了本公開的示例性實(shí)施例，然而應(yīng)當(dāng)理解，可以以各種形式實(shí)現(xiàn)本公開而不應(yīng)被這里闡述的實(shí)施例所限制。相反，提供這些實(shí)施例是為了能夠更透徹地理解本公開，并且能夠?qū)⒈竟_的范圍完整的傳達(dá)給本領(lǐng)域的技術(shù)人員。
[0025]參照圖1，示出了根據(jù)本發(fā)明一個實(shí)施例的網(wǎng)頁元素信息的顯示方法的步驟流程圖，具體可以包括如下步驟:
[0026]步驟102，在瀏覽器中加載當(dāng)前網(wǎng)頁，解析出當(dāng)前網(wǎng)頁的文檔對象模型信息。
[0027]瀏覽器中加載網(wǎng)頁時，可以獲取當(dāng)前網(wǎng)頁的文檔對象模型(Document ObjectModel, DOM)信息，其中DOM信息將對應(yīng)的文檔呈現(xiàn)為帶有元素、屬性和文本的樹結(jié)構(gòu)(節(jié)點(diǎn)樹)。
[0028]步驟104，檢測到當(dāng)前網(wǎng)頁的文檔對象模型中目標(biāo)網(wǎng)頁元素的預(yù)置觸發(fā)事件。
[0029]用戶在當(dāng)前網(wǎng)頁中的操作會反饋到當(dāng)前網(wǎng)頁的DOM信息中，如生成某些網(wǎng)頁元素的事件，因此要對文檔對象模型中目標(biāo)網(wǎng)頁元素的預(yù)置觸發(fā)事件進(jìn)行檢測，從而在目標(biāo)網(wǎng)頁元素的預(yù)置觸發(fā)事件被觸發(fā)時，執(zhí)行相應(yīng)的處理操作。
[0030]步驟106，獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息，并使用所述統(tǒng)一資源定位器信息在瀏覽器側(cè)生成出其對應(yīng)的圖形標(biāo)識碼。
[0031]在檢測到文檔對象模型中目標(biāo)網(wǎng)頁元素的預(yù)置觸發(fā)事件后，可以獲取該目標(biāo)網(wǎng)頁兀素的統(tǒng)一資源定位器(Uniform Resource Locator,URL)信息，并且米用該URL信息在瀏覽器側(cè)生成URL對應(yīng)的圖形標(biāo)識碼，如二維碼、條形碼等。
[0032]其中，圖形標(biāo)識碼是該URL信息的圖形表示，通過該圖形標(biāo)識碼可以獲取該URL信肩、O
[0033]步驟108，在當(dāng)前網(wǎng)頁的文檔對象模型信息中增加該圖形標(biāo)識碼，并在對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼。
[0034]然后將該圖形標(biāo)識碼加載到當(dāng)前網(wǎng)頁的文檔對象模型信息中，從而在當(dāng)前網(wǎng)頁中對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼，如在所述目標(biāo)網(wǎng)頁元素之上或之下顯示，或覆蓋在所述目標(biāo)網(wǎng)頁元素之上進(jìn)行顯示等，便于移動終端通過該圖形標(biāo)識碼獲取該目標(biāo)網(wǎng)頁元素。
[0035]綜上所述，對當(dāng)前網(wǎng)頁的文檔對象模型中目標(biāo)網(wǎng)頁元素的預(yù)置觸發(fā)事件進(jìn)行檢測，然后在檢測到預(yù)置觸發(fā)事件時獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息，并生成統(tǒng)一資源定位器信息對應(yīng)的圖形標(biāo)識碼，在當(dāng)前網(wǎng)頁中對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼，以便移動終端可以通過該圖形標(biāo)識碼獲取該圖片，操作簡單、快捷，不易出錯。
[0036]實(shí)施例二
[0037]參照圖2，示出了根據(jù)本發(fā)明一個實(shí)施例的網(wǎng)頁元素信息的顯示方法的可選步驟流程圖，具體可以包括如下步驟:
[0038]步驟202，在瀏覽器中加載當(dāng)前網(wǎng)頁，解析出當(dāng)前網(wǎng)頁的DOM信息。
[0039]步驟204，從所述當(dāng)前網(wǎng)頁的DOM信息中查找目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)。
[0040]步驟206，檢測所述目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)上是否存在預(yù)置觸發(fā)事件。
[0041]解析出當(dāng)前網(wǎng)頁的DOM信息后，可以獲取當(dāng)前網(wǎng)頁的DOM節(jié)點(diǎn)樹，其中包括有當(dāng)前網(wǎng)頁的各網(wǎng)頁元素及其屬性信息等內(nèi)容。因此可以從DOM信息中查找目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)，然后對該目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)進(jìn)行檢測確定其是否存在預(yù)置觸發(fā)事件。
[0042]其中，所述預(yù)置觸發(fā)事件包括以下至少一項(xiàng):目標(biāo)網(wǎng)頁元素的鼠標(biāo)懸停事件、目標(biāo)網(wǎng)頁元素的鼠標(biāo)右鍵點(diǎn)擊事件、目標(biāo)網(wǎng)頁元素上的鼠標(biāo)手勢動作和鼠標(biāo)滑動選取事件。
[0043]如用戶將鼠標(biāo)至于目標(biāo)網(wǎng)頁元素在網(wǎng)頁中顯示的對象之上，就會觸發(fā)產(chǎn)生目標(biāo)網(wǎng)頁元素的鼠標(biāo)懸停事件；在目標(biāo)網(wǎng)頁元素在網(wǎng)頁中顯示的對象上點(diǎn)擊右鍵，即可觸發(fā)目標(biāo)網(wǎng)頁元素的鼠標(biāo)右鍵點(diǎn)擊事件；
[0044]若是，即目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)上存在預(yù)置觸發(fā)事件，則執(zhí)行步驟208 ;若否，即目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)上不存在預(yù)置觸發(fā)事件，則返回步驟206繼續(xù)檢測，直到當(dāng)前網(wǎng)頁關(guān)閉或非焦點(diǎn)顯示為止。
[0045]步驟208，依據(jù)所述當(dāng)前網(wǎng)頁的DOM信息中所述目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)，確定所述目標(biāo)網(wǎng)頁元素的元素類型。
[0046]步驟210，依據(jù)所述元素類型獲取所述目標(biāo)網(wǎng)頁元素的URL信息。
[0047]當(dāng)前網(wǎng)頁的DOM信息中包括各網(wǎng)頁元素的屬性信息，因此可以依據(jù)該屬性確定標(biāo)網(wǎng)頁元素的元素類型，其中，所述元素類型包括:圖片、視頻、音頻、文本塊、鏈接地址。
[0048]即對于當(dāng)前網(wǎng)頁中的內(nèi)容，如網(wǎng)頁中加載的圖片、視頻、音頻、文本和鏈接地址等，可以通過對該內(nèi)容對應(yīng)目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)的預(yù)置觸發(fā)事件進(jìn)行檢測，在確定其上存在預(yù)置觸發(fā)事件時，獲取其對應(yīng)的URL。其中，由于網(wǎng)頁元素的元素類型不同時，其對應(yīng)URL信息的獲取方式也不同，因此要依據(jù)所述元素類型獲取所述目標(biāo)網(wǎng)頁元素的URL信息。
[0049]如對于元素類型為圖片、視頻、音頻的網(wǎng)頁元素，通常網(wǎng)頁是通過其屬性信息中的URL信息對其對象進(jìn)行加載的，因此可以直接從網(wǎng)頁元素的屬性信息中獲取URL信息，又如元素類型為鏈接地址的網(wǎng)頁元素，由于其網(wǎng)頁中顯示對象本身是URL信息，因此可以直接從網(wǎng)頁元素的屬性信息中獲取該URL信息。而對于元素類型為文本塊的網(wǎng)頁元素，由于其是將文本內(nèi)容作為對象顯示在網(wǎng)頁中，其通常不是直接從網(wǎng)頁元素的屬性信息中獲取該URL信息，而是通過預(yù)處理操作來獲取的。
[0050]本發(fā)明一個可選實(shí)施例中，依據(jù)所述元素類型獲取所述目標(biāo)網(wǎng)頁元素的URL信息，包括:當(dāng)所述元素類型為文本塊時，從所述DOM信息中選取文本塊；將選取的文本塊上傳給所述瀏覽器對應(yīng)的服務(wù)器；接收所述服務(wù)器反饋的URL信息。
[0051]當(dāng)所述元素類型為文本塊時，文本塊對應(yīng)的文本信息是在網(wǎng)頁中直接顯示的，因此可以從DOM信息中選取目標(biāo)網(wǎng)頁元素對應(yīng)文本塊的文本內(nèi)容，并將該文本內(nèi)容上傳給瀏覽器對應(yīng)的服務(wù)器，在服務(wù)器中存儲該文本塊并生成存儲地址即URL信息，然后服務(wù)器將該URL信息反饋給瀏覽器，瀏覽器對應(yīng)接收URL信息。
[0052]本發(fā)明一個可選實(shí)施例中，當(dāng)所述網(wǎng)頁中存在多于一個目標(biāo)網(wǎng)頁元素時，查找存在所述預(yù)置觸發(fā)事件的目標(biāo)網(wǎng)頁元素，并獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息。
[0053]當(dāng)網(wǎng)頁中存在多于一個目標(biāo)網(wǎng)頁元素時，如網(wǎng)頁中存在多種圖片，或即存在圖片又存在視頻等情況下，可以查找存在預(yù)置觸發(fā)事件的目標(biāo)網(wǎng)頁元素，然后獲取該目標(biāo)網(wǎng)頁元素的URL信息進(jìn)行后續(xù)處理操作。
[0054]步驟212，調(diào)用瀏覽器主程序中內(nèi)置的組件或者瀏覽器的插件對所述URL信息進(jìn)行轉(zhuǎn)換生成圖形標(biāo)識碼。
[0055]在瀏覽器主程序中內(nèi)置一些組件或在瀏覽器中配置一些插件，用于執(zhí)行URL信息和圖形標(biāo)識碼的轉(zhuǎn)換，因此在獲取到URL信息后，可以調(diào)用瀏覽器主程序中內(nèi)置的組件或者瀏覽器的插件對所述URL信息進(jìn)行轉(zhuǎn)換，生成相應(yīng)的圖形標(biāo)識碼。
[0056]本發(fā)明一個可選實(shí)施例中，所述調(diào)用瀏覽器主程序中內(nèi)置的組件或者瀏覽器的插件對所述URL信息進(jìn)行轉(zhuǎn)換生成圖形標(biāo)識碼，包括:調(diào)用瀏覽器主程序中內(nèi)置的組件或者瀏覽器的插件，將所述URL信息轉(zhuǎn)換成二維碼字符串；對所述二維碼字符串進(jìn)行解析，生成二維碼作為圖形標(biāo)識碼。
[0057]一種圖形標(biāo)識碼可以為二維碼(Two-dimensional code), 二維碼是用特定的幾何圖形按一定規(guī)律在平面(二維方向)上分布的黑白相間的圖形，是所有信息數(shù)據(jù)的一把鑰匙?？梢哉{(diào)用瀏覽器主程序中內(nèi)置的組件或者瀏覽器的插件，將所述URL信息轉(zhuǎn)換成二維碼字符串，即該二維碼字符串中包含該URL信息，從而對所述二維碼字符串進(jìn)行解析生成二維碼，該二維碼中包含該URL信息，后續(xù)通過解析二維碼即可獲取該URL信息。
[0058]步驟214，在當(dāng)前網(wǎng)頁的DOM信息中增加該圖形標(biāo)識碼，并在對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼。
[0059]為了要在當(dāng)前網(wǎng)頁中顯示該圖形標(biāo)識碼，因此可以將圖形標(biāo)識碼添加到當(dāng)前網(wǎng)頁的DOM信息中，從而在當(dāng)前網(wǎng)頁對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼。
[0060]本發(fā)明一個可選實(shí)施例中，所述在當(dāng)前網(wǎng)頁的DOM信息中增加該圖形標(biāo)識碼，并在對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼，包括:在當(dāng)前網(wǎng)頁的DOM信息中為所述目標(biāo)網(wǎng)頁元素對應(yīng)添加該圖形標(biāo)識碼；在檢測到所述目標(biāo)網(wǎng)頁元素的預(yù)置觸發(fā)事件時，對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼。
[0061]在當(dāng)前網(wǎng)頁的DOM信息中查找目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)所在的文字，為所述目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)對應(yīng)添加該圖形標(biāo)識碼的DOM節(jié)點(diǎn)。當(dāng)檢測到目標(biāo)網(wǎng)頁元素的預(yù)置觸發(fā)事件時，依據(jù)DOM節(jié)點(diǎn)樹中相應(yīng)網(wǎng)頁元素的配置，在對應(yīng)于目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼。
[0062]本發(fā)明另一個可選實(shí)施例中，所述在當(dāng)前網(wǎng)頁的DOM信息中增加該圖形標(biāo)識碼，并在對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼，包括:在當(dāng)前網(wǎng)頁的DOM信息中添加所述圖形標(biāo)識碼的DOM節(jié)點(diǎn)；生成包含所述圖形標(biāo)識碼的圖片懸浮層在對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處顯示。
[0063]在當(dāng)前網(wǎng)頁的DOM信息中查找添加該圖形標(biāo)識碼的DOM節(jié)點(diǎn)，并在該圖形標(biāo)識碼的DOM節(jié)點(diǎn)中配置屬性信息生成圖形標(biāo)識碼的圖片懸浮層，從而可以在在對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處，生成包含所述圖形標(biāo)識碼的圖片懸浮層進(jìn)行顯示。
[0064]進(jìn)一步，還可以獲取所述目標(biāo)網(wǎng)頁元素的描述信息，并在所述圖形標(biāo)識碼中添加所述描述信息，其中，所述描述信息包括以下至少一項(xiàng):資源類型、摘要和來源信息。
[0065]還把可以獲取該目標(biāo)網(wǎng)頁元素的描述信息，如名稱、資源類型、摘要和來源信息、大小等，可以從屬性信息中獲取，還可以解析URL信息中獲取，然后在該圖形標(biāo)識碼中添加所述描述信息，即可以將描述信息直接編碼到圖形標(biāo)識碼中，也可以通過文字等形式顯示在圖形標(biāo)識碼的顯示區(qū)域如圖片懸浮層中。
[0066]其中，當(dāng)圖形標(biāo)識碼為二維碼時，需要通過手機(jī)、平板電腦等具有攝像頭的移動終端進(jìn)行拍攝，然后解析該二維碼獲取目標(biāo)網(wǎng)頁元素的URL信息。但是有些移動終端雖然具有攝像頭來拍攝二維碼，卻可能沒有二維碼解析應(yīng)用程序，因此可以獲取二維碼解析應(yīng)用程序的鏈接地址，然后在所述二維碼的顯示區(qū)域中添加所述鏈接地址和提示信息，如在二維碼的圖片懸浮層中顯示。
[0067]另外，有些用戶會將移動終端連接到瀏覽器所在的PC終端來下載應(yīng)用，因此還可以在瀏覽器中內(nèi)置驅(qū)動識別程序，以及瀏覽器和移動終端進(jìn)行通信的接口，當(dāng)瀏覽器中預(yù)置驅(qū)動識別到移動終端時，獲取所述圖形標(biāo)識碼解析應(yīng)用程序的鏈接地址，然后通過預(yù)置的瀏覽器和移動終端進(jìn)行通信的接口，將該鏈接地址發(fā)送給所述移動終端，以使移動終端通過該鏈接地址下載圖形標(biāo)識碼解析應(yīng)用程序，后續(xù)可以對該圖形標(biāo)識碼進(jìn)行解析便于獲取目標(biāo)網(wǎng)頁元素。
[0068]本發(fā)明一個可選實(shí)施例中，在所述瀏覽器的用戶數(shù)據(jù)中存儲所述圖形標(biāo)識碼。即使當(dāng)前頁面被關(guān)閉，仍然可以通過用戶數(shù)據(jù)獲取該圖形標(biāo)識碼并顯示如圖3所示，進(jìn)而在移動終端中查看該目標(biāo)網(wǎng)頁元素。
[0069]對于方法實(shí)施例，為了簡單描述，故將其都表述為一系列的動作組合，但是本領(lǐng)域技術(shù)人員應(yīng)該知悉，本發(fā)明實(shí)施例并不受所描述的動作順序的限制，因?yàn)橐罁?jù)本發(fā)明實(shí)施例，某些步驟可以采用其他順序或者同時進(jìn)行。其次，本領(lǐng)域技術(shù)人員也應(yīng)該知悉，說明書中所描述的實(shí)施例均屬于優(yōu)選實(shí)施例，所涉及的動作并不一定是本發(fā)明實(shí)施例所必須的。
[0070]參照圖4A，示出了根據(jù)本發(fā)明一個實(shí)施例的一種瀏覽器裝置實(shí)施例的結(jié)構(gòu)框圖，具體可以包括如下模塊:
[0071]解析模塊402，用于在瀏覽器中加載當(dāng)前網(wǎng)頁，解析出當(dāng)前網(wǎng)頁的文檔對象模型信肩、O
[0072]檢測模塊404，用于檢測到當(dāng)前網(wǎng)頁的文檔對象模型中目標(biāo)網(wǎng)頁元素的預(yù)置觸發(fā)事件。
[0073]獲取模塊406，用于獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息。
[0074]生成模塊408，用于使用所述統(tǒng)一資源定位器信息在瀏覽器側(cè)生成出其對應(yīng)的圖形標(biāo)識碼。
[0075]顯示模塊410，用于在當(dāng)前網(wǎng)頁的文檔對象模型信息中增加該圖形標(biāo)識碼，并在對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼。
[0076]參照圖4B，示出了根據(jù)本發(fā)明一個實(shí)施例的瀏覽器裝置的可選結(jié)構(gòu)框圖，具體可以包括如下模塊:
[0077]可選的，所述檢測模塊404，包括:查找子模塊40402，用于從所述當(dāng)前網(wǎng)頁的文檔對象模型信息中查找目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)；檢測子模塊40404，用于檢測所述目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)上是否存在預(yù)置觸發(fā)事件。
[0078]所述預(yù)置觸發(fā)事件包括以下至少一項(xiàng):目標(biāo)網(wǎng)頁元素的鼠標(biāo)懸停事件、目標(biāo)網(wǎng)頁元素的鼠標(biāo)右鍵點(diǎn)擊事件、目標(biāo)網(wǎng)頁元素上的鼠標(biāo)手勢動作和鼠標(biāo)滑動選取事件。
[0079]所述獲取模塊406，包括:確定子模塊40602，用于依據(jù)所述當(dāng)前網(wǎng)頁的文檔對象模型信息中所述目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)，確定所述目標(biāo)網(wǎng)頁元素的元素類型，其中，所述元素類型包括:圖片、視頻、音頻、文本塊、鏈接地址；獲取子模塊40604，用于依據(jù)所述元素類型獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息。
[0080]所述獲取子模塊406，用于當(dāng)所述元素類型為文本塊時，從所述文檔對象模型信息中選取文本塊；將選取的文本塊上傳給所述瀏覽器對應(yīng)的服務(wù)器；接收所述服務(wù)器反饋的統(tǒng)一資源定位器信息。
[0081]所述生成模塊408，用于調(diào)用瀏覽器主程序中內(nèi)置的組件或者瀏覽器的插件對所述統(tǒng)一資源定位器信息進(jìn)行轉(zhuǎn)換生成圖形標(biāo)識碼。
[0082]所述生成模塊408，用于調(diào)用瀏覽器主程序中內(nèi)置的組件或者瀏覽器的插件，將所述統(tǒng)一資源定位器信息轉(zhuǎn)換成二維碼字符串；對所述二維碼字符串進(jìn)行解析，生成二維碼作為圖形標(biāo)識碼。
[0083]所述顯示模塊4010，包括:添加子模塊41002，用于在當(dāng)前網(wǎng)頁的文檔對象模型信息中為所述目標(biāo)網(wǎng)頁元素對應(yīng)添加該圖形標(biāo)識碼；顯示子模塊41004，用于在檢測到所述目標(biāo)網(wǎng)頁元素的預(yù)置觸發(fā)事件時，對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼。
[0084]所述顯示模塊4010，包括:添加子模塊41002，用于在當(dāng)前網(wǎng)頁的文檔對象模型信息中添加所述圖形標(biāo)識碼的DOM節(jié)點(diǎn)；顯示子模塊41004，用于生成包含所述圖形標(biāo)識碼的圖片懸浮層在對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處顯示。
[0085]所述獲取模塊406，還用于獲取所述目標(biāo)網(wǎng)頁元素的描述信息，并在所述圖形標(biāo)識碼中添加所述描述信息，其中，所述描述信息包括以下至少一項(xiàng):資源類型、摘要和來源信肩、O
[0086]可選的，還包括:用戶數(shù)據(jù)存儲模塊412，用于在所述瀏覽器的用戶數(shù)據(jù)中存儲所述圖形標(biāo)識碼。
[0087]所述獲取模塊406，用于當(dāng)所述網(wǎng)頁中存在多于一個目標(biāo)網(wǎng)頁元素時，查找存在所述預(yù)置觸發(fā)事件的目標(biāo)網(wǎng)頁元素，并獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息。
[0088]所述獲取模塊406，還用于獲取二維碼解析應(yīng)用程序的鏈接地址，在所述二維碼的顯示區(qū)域中添加所述鏈接地址和提示信息。
[0089]可選的，還包括:識別模塊414，用于當(dāng)所述瀏覽器中預(yù)置驅(qū)動識別到移動終端時，獲取所述圖形標(biāo)識碼解析應(yīng)用程序的鏈接地址；通過預(yù)置接口將所述鏈接地址發(fā)送給所述移動終端。
[0090]綜上所述，對當(dāng)前網(wǎng)頁的文檔對象模型中目標(biāo)網(wǎng)頁元素的預(yù)置觸發(fā)事件進(jìn)行檢測，然后在檢測到預(yù)置觸發(fā)事件時獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息，并生成統(tǒng)一資源定位器信息對應(yīng)的圖形標(biāo)識碼，在當(dāng)前網(wǎng)頁中對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼，以便移動終端可以通過該圖形標(biāo)識碼獲取該圖片，操作簡單、快捷，不易出錯。
[0091]對于裝置實(shí)施例而言，由于其與方法實(shí)施例基本相似，所以描述的比較簡單，相關(guān)之處參見方法實(shí)施例的部分說明即可。
[0092]在此提供的算法和顯示不與任何特定計算機(jī)、虛擬系統(tǒng)或者其它設(shè)備固有相關(guān)。各種通用系統(tǒng)也可以與基于在此的示教一起使用。根據(jù)上面的描述，構(gòu)造這類系統(tǒng)所要求的結(jié)構(gòu)是顯而易見的。此外，本發(fā)明也不針對任何特定編程語言。應(yīng)當(dāng)明白，可以利用各種編程語言實(shí)現(xiàn)在此描述的本發(fā)明的內(nèi)容，并且上面對特定語言所做的描述是為了披露本發(fā)明的最佳實(shí)施方式。
[0093]在此處所提供的說明書中，說明了大量具體細(xì)節(jié)。然而，能夠理解，本發(fā)明的實(shí)施例可以在沒有這些具體細(xì)節(jié)的情況下實(shí)踐。在一些實(shí)例中，并未詳細(xì)示出公知的方法、結(jié)構(gòu)和技術(shù)，以便不模糊對本說明書的理解。
[0094]類似地，應(yīng)當(dāng)理解，為了精簡本公開并幫助理解各個發(fā)明方面中的一個或多個，在上面對本發(fā)明的示例性實(shí)施例的描述中，本發(fā)明的各個特征有時被一起分組到單個實(shí)施例、圖、或者對其的描述中。然而，并不應(yīng)將該公開的方法解釋成反映如下意圖:即所要求保護(hù)的本發(fā)明要求比在每個權(quán)利要求中所明確記載的特征更多的特征。更確切地說，如下面的權(quán)利要求書所反映的那樣，發(fā)明方面在于少于前面公開的單個實(shí)施例的所有特征。因此，遵循【具體實(shí)施方式】的權(quán)利要求書由此明確地并入該【具體實(shí)施方式】，其中每個權(quán)利要求本身都作為本發(fā)明的單獨(dú)實(shí)施例。
[0095]本領(lǐng)域那些技術(shù)人員可以理解，可以對實(shí)施例中的設(shè)備中的模塊進(jìn)行自適應(yīng)性地改變并且把它們設(shè)置在與該實(shí)施例不同的一個或多個設(shè)備中?？梢园褜?shí)施例中的模塊或單元或組件組合成一個模塊或單元或組件，以及此外可以把它們分成多個子模塊或子單元或子組件。除了這樣的特征和/或過程或者單元中的至少一些是相互排斥之外，可以采用任何組合對本說明書(包括伴隨的權(quán)利要求、摘要和附圖)中公開的所有特征以及如此公開的任何方法或者設(shè)備的所有過程或單元進(jìn)行組合。除非另外明確陳述，本說明書(包括伴隨的權(quán)利要求、摘要和附圖)中公開的每個特征可以由提供相同、等同或相似目的的替代特征來代替。
[0096]此外，本領(lǐng)域的技術(shù)人員能夠理解，盡管在此所述的一些實(shí)施例包括其它實(shí)施例中所包括的某些特征而不是其它特征，但是不同實(shí)施例的特征的組合意味著處于本發(fā)明的范圍之內(nèi)并且形成不同的實(shí)施例。例如，在下面的權(quán)利要求書中，所要求保護(hù)的實(shí)施例的任意之一都可以以任意的組合方式來使用。
[0097]本發(fā)明的各個部件實(shí)施例可以以硬件實(shí)現(xiàn)，或者以在一個或者多個處理器上運(yùn)行的軟件模塊實(shí)現(xiàn)，或者以它們的組合實(shí)現(xiàn)。本領(lǐng)域的技術(shù)人員應(yīng)當(dāng)理解，可以在實(shí)踐中使用微處理器或者數(shù)字信號處理器(DSP)來實(shí)現(xiàn)根據(jù)本發(fā)明實(shí)施例的網(wǎng)頁元素信息的顯示方法和瀏覽器裝置設(shè)備中的一些或者全部部件的一些或者全部功能。本發(fā)明還可以實(shí)現(xiàn)為用于執(zhí)行這里所描述的方法的一部分或者全部的設(shè)備或者裝置程序(例如，計算機(jī)程序和計算機(jī)程序產(chǎn)品)。這樣的實(shí)現(xiàn)本發(fā)明的程序可以存儲在計算機(jī)可讀介質(zhì)上，或者可以具有一個或者多個信號的形式。這樣的信號可以從因特網(wǎng)網(wǎng)站上下載得到，或者在載體信號上提供，或者以任何其他形式提供。
[0098]應(yīng)該注意的是上述實(shí)施例對本發(fā)明進(jìn)行說明而不是對本發(fā)明進(jìn)行限制，并且本領(lǐng)域技術(shù)人員在不脫離所附權(quán)利要求的范圍的情況下可設(shè)計出替換實(shí)施例。在權(quán)利要求中，不應(yīng)將位于括號之間的任何參考符號構(gòu)造成對權(quán)利要求的限制。單詞“包含”不排除存在未列在權(quán)利要求中的元件或步驟。位于元件之前的單詞“一”或“一個”不排除存在多個這樣的元件。本發(fā)明可以借助于包括有若干不同元件的硬件以及借助于適當(dāng)編程的計算機(jī)來實(shí)現(xiàn)。在列舉了若干裝置的單元權(quán)利要求中，這些裝置中的若干個可以是通過同一個硬件項(xiàng)來具體體現(xiàn)。單詞第一、第二、以及第三等的使用不表示任何順序?？蓪⑦@些單詞解釋為名稱。
[0099]本發(fā)明公開了 Al、一種網(wǎng)頁元素信息的顯示方法，包括:在瀏覽器中加載當(dāng)前網(wǎng)頁，解析出當(dāng)前網(wǎng)頁的文檔對象模型信息；檢測到當(dāng)前網(wǎng)頁的文檔對象模型中目標(biāo)網(wǎng)頁元素的預(yù)置觸發(fā)事件；獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息，并使用所述統(tǒng)一資源定位器信息在瀏覽器側(cè)生成出其對應(yīng)的圖形標(biāo)識碼；在當(dāng)前網(wǎng)頁的文檔對象模型信息中增加該圖形標(biāo)識碼，并在對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼。
[0100]A2、如Al所述的方法，所述檢測到當(dāng)前網(wǎng)頁的文檔對象模型中目標(biāo)網(wǎng)頁元素的預(yù)置觸發(fā)事件，包括:從所述當(dāng)前網(wǎng)頁的文檔對象模型信息中查找目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)；檢測所述目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)上是否存在預(yù)置觸發(fā)事件。
[0101]A3、如Al或A2所述的方法，所述預(yù)置觸發(fā)事件包括以下至少一項(xiàng):目標(biāo)網(wǎng)頁元素的鼠標(biāo)懸停事件、目標(biāo)網(wǎng)頁元素的鼠標(biāo)右鍵點(diǎn)擊事件、目標(biāo)網(wǎng)頁元素上的鼠標(biāo)手勢動作和鼠標(biāo)滑動選取事件。
[0102]A4、如Al所述的方法，所述獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息，包括:依據(jù)所述當(dāng)前網(wǎng)頁的文檔對象模型信息中所述目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)，確定所述目標(biāo)網(wǎng)頁元素的元素類型，其中，所述元素類型包括:圖片、視頻、音頻、文本塊、鏈接地址；依據(jù)所述元素類型獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息。
[0103]A5、如A4所述的方法，依據(jù)所述元素類型獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息，包括:當(dāng)所述元素類型為文本塊時，從所述文檔對象模型信息中選取文本塊；將選取的文本塊上傳給所述瀏覽器對應(yīng)的服務(wù)器；接收所述服務(wù)器反饋的統(tǒng)一資源定位器信肩、O
[0104]A6、如Al所述的方法，使用所述統(tǒng)一資源定位器信息在瀏覽器側(cè)生成出其對應(yīng)的圖形標(biāo)識碼，包括:調(diào)用瀏覽器主程序中內(nèi)置的組件或者瀏覽器的插件對所述統(tǒng)一資源定位器信息進(jìn)行轉(zhuǎn)換生成圖形標(biāo)識碼。
[0105]A7、如A6所述的方法，所述調(diào)用瀏覽器主程序中內(nèi)置的組件或者瀏覽器的插件對所述統(tǒng)一資源定位器信息進(jìn)行轉(zhuǎn)換生成圖形標(biāo)識碼，包括:調(diào)用瀏覽器主程序中內(nèi)置的組件或者瀏覽器的插件，將所述統(tǒng)一資源定位器信息轉(zhuǎn)換成二維碼字符串；對所述二維碼字符串進(jìn)行解析，生成二維碼作為圖形標(biāo)識碼。
[0106]AS、如Al所述的方法，所述在當(dāng)前網(wǎng)頁的文檔對象模型信息中增加該圖形標(biāo)識碼，并在對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼，包括:在當(dāng)前網(wǎng)頁的文檔對象模型信息中為所述目標(biāo)網(wǎng)頁元素對應(yīng)添加該圖形標(biāo)識碼；在檢測到所述目標(biāo)網(wǎng)頁元素的預(yù)置觸發(fā)事件時，對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼。
[0107] A9、如Al所述的方法，所述在當(dāng)前網(wǎng)頁的文檔對象模型信息中增加該圖形標(biāo)識碼，并在對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼，包括:在當(dāng)前網(wǎng)頁的文檔對象模型信息中添加所述圖形標(biāo)識碼的DOM節(jié)點(diǎn)；生成包含所述圖形標(biāo)識碼的圖片懸浮層在對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處顯示。
[0108]AlO^ Al或AS或A9所述的方法，還包括:獲取所述目標(biāo)網(wǎng)頁元素的描述信息，并在所述圖形標(biāo)識碼中添加所述描述信息，其中，所述描述信息包括以下至少一項(xiàng):資源類型、摘要和來源信息。
[0109]All、如Al所述的方法，還包括:在所述瀏覽器的用戶數(shù)據(jù)中存儲所述圖形標(biāo)識碼。
[0110]A12、如Al所述的方法，獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息，包括:當(dāng)所述網(wǎng)頁中存在多于一個目標(biāo)網(wǎng)頁元素時，查找存在所述預(yù)置觸發(fā)事件的目標(biāo)網(wǎng)頁元素，并獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息。
[0111]A13、如A7所述的方法，還包括:獲取二維碼解析應(yīng)用程序的鏈接地址，在所述二維碼的顯示區(qū)域中添加所述鏈接地址和提示信息。
[0112]A14、如Al所述的方法，還包括:當(dāng)所述瀏覽器中預(yù)置驅(qū)動識別到移動終端時，獲取所述圖形標(biāo)識碼解析應(yīng)用程序的鏈接地址；通過預(yù)置接口將所述鏈接地址發(fā)送給所述移動終端。
[0113]本發(fā)明還公開了 B15、一種瀏覽器裝置，包括:解析模塊，用于在瀏覽器中加載當(dāng)前網(wǎng)頁，解析出當(dāng)前網(wǎng)頁的文檔對象模型信息；檢測模塊，用于檢測到當(dāng)前網(wǎng)頁的文檔對象模型中目標(biāo)網(wǎng)頁元素的預(yù)置觸發(fā)事件；獲取模塊，用于獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息；生成模塊，用于使用所述統(tǒng)一資源定位器信息在瀏覽器側(cè)生成出其對應(yīng)的圖形標(biāo)識碼；顯示模塊，用于在當(dāng)前網(wǎng)頁的文檔對象模型信息中增加該圖形標(biāo)識碼，并在對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼。
[0114]B16、如B15所述的裝置，所述檢測模塊，包括:查找子模塊，用于從所述當(dāng)前網(wǎng)頁的文檔對象模型信息中查找目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)；檢測子模塊，用于檢測所述目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)上是否存在預(yù)置觸發(fā)事件。
[0115]B17、如B15或B16所述的裝置，所述預(yù)置觸發(fā)事件包括以下至少一項(xiàng):目標(biāo)網(wǎng)頁元素的鼠標(biāo)懸停事件、目標(biāo)網(wǎng)頁元素的鼠標(biāo)右鍵點(diǎn)擊事件、目標(biāo)網(wǎng)頁元素上的鼠標(biāo)手勢動作和鼠標(biāo)滑動選取事件。
[0116]B18、如B15所述的裝置，所述獲取模塊，包括:確定子模塊，用于依據(jù)所述當(dāng)前網(wǎng)頁的文檔對象模型信息中所述目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)，確定所述目標(biāo)網(wǎng)頁元素的元素類型，其中，所述元素類型包括:圖片、視頻、音頻、文本塊、鏈接地址；獲取子模塊，用于依據(jù)所述元素類型獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息。
[0117]B19、如B18所述的裝置，其特征在于:所述獲取子模塊，用于當(dāng)所述元素類型為文本塊時，從所述文檔對象模型信息中選取文本塊；將選取的文本塊上傳給所述瀏覽器對應(yīng)的服務(wù)器；接收所述服務(wù)器反饋的統(tǒng)一資源定位器信息。
[0118]B20、如B15所述的裝置，所述生成模塊，用于調(diào)用瀏覽器主程序中內(nèi)置的組件或者瀏覽器的插件對所述統(tǒng)一資源定位器信息進(jìn)行轉(zhuǎn)換生成圖形標(biāo)識碼。
[0119]B21、如B20所述的裝置，所述生成模塊，用于調(diào)用瀏覽器主程序中內(nèi)置的組件或者瀏覽器的插件，將所述統(tǒng)一資源定位器信息轉(zhuǎn)換成二維碼字符串；對所述二維碼字符串進(jìn)行解析，生成二維碼作為圖形標(biāo)識碼。
[0120]B22、如B15所述的裝置，所述顯示模塊，包括:添加子模塊，用于在當(dāng)前網(wǎng)頁的文檔對象模型信息中為所述目標(biāo)網(wǎng)頁元素對應(yīng)添加該圖形標(biāo)識碼；顯示子模塊，用于在檢測到所述目標(biāo)網(wǎng)頁元素的預(yù)置觸發(fā)事件時，對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼。
[0121]B23、如B15所述的裝置，所述顯示模塊，包括:添加子模塊，用于在當(dāng)前網(wǎng)頁的文檔對象模型信息中添加所述圖形標(biāo)識碼的DOM節(jié)點(diǎn)；顯示子模塊，用于生成包含所述圖形標(biāo)識碼的圖片懸浮層在對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處顯示。
[0122]B24、如B15或B22或B23所述的裝置，所述獲取模塊，還用于獲取所述目標(biāo)網(wǎng)頁元素的描述信息，并在所述圖形標(biāo)識碼中添加所述描述信息，其中，所述描述信息包括以下至少一項(xiàng):資源類型、摘要和來源信息。
[0123]B25、如B15所述的裝置，還包括:用戶數(shù)據(jù)存儲模塊，用于在所述瀏覽器的用戶數(shù)據(jù)中存儲所述圖形標(biāo)識碼。
[0124]B26、如B15所述的裝置，所述獲取模塊，用于當(dāng)所述網(wǎng)頁中存在多于一個目標(biāo)網(wǎng)頁元素時，查找存在所述預(yù)置觸發(fā)事件的目標(biāo)網(wǎng)頁元素，并獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息。
[0125]B27、如B21所述的裝置，所述獲取模塊，還用于獲取二維碼解析應(yīng)用程序的鏈接地址，在所述二維碼的顯示區(qū)域中添加所述鏈接地址和提示信息。
[0126]B28、如B15所述的裝置，還包括:識別模塊，用于當(dāng)所述瀏覽器中預(yù)置驅(qū)動識別到移動終端時，獲取所述圖形標(biāo)識碼解析應(yīng)用程序的鏈接地址；通過預(yù)置接口將所述鏈接地址發(fā)送給所述移動終端。
【權(quán)利要求】
1.一種網(wǎng)頁元素信息的顯示方法，包括: 在瀏覽器中加載當(dāng)前網(wǎng)頁，解析出當(dāng)前網(wǎng)頁的文檔對象模型信息； 檢測到當(dāng)前網(wǎng)頁的文檔對象模型中目標(biāo)網(wǎng)頁元素的預(yù)置觸發(fā)事件； 獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息，并使用所述統(tǒng)一資源定位器信息在瀏覽器側(cè)生成出其對應(yīng)的圖形標(biāo)識碼； 在當(dāng)前網(wǎng)頁的文檔對象模型信息中增加該圖形標(biāo)識碼，并在對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼。
2.如權(quán)利要求1所述的方法，其特征在于，所述檢測到當(dāng)前網(wǎng)頁的文檔對象模型中目標(biāo)網(wǎng)頁元素的預(yù)置觸發(fā)事件，包括: 從所述當(dāng)前網(wǎng)頁的文檔對象模型信息中查找目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)； 檢測所述目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)上是否存在預(yù)置觸發(fā)事件。
3.如權(quán)利要求1或2所述的方法，其特征在于，所述預(yù)置觸發(fā)事件包括以下至少一項(xiàng):目標(biāo)網(wǎng)頁元素的 鼠標(biāo)懸停事件、目標(biāo)網(wǎng)頁元素的鼠標(biāo)右鍵點(diǎn)擊事件、目標(biāo)網(wǎng)頁元素上的鼠標(biāo)手勢動作和鼠標(biāo)滑動選取事件。
4.如權(quán)利要求1所述的方法，其特征在于，所述獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息，包括: 依據(jù)所述當(dāng)前網(wǎng)頁的文檔對象模型信息中所述目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)，確定所述目標(biāo)網(wǎng)頁元素的元素類型，其中，所述元素類型包括:圖片、視頻、音頻、文本塊、鏈接地址；依據(jù)所述元素類型獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息。
5.如權(quán)利要求4所述的方法，其特征在于，依據(jù)所述元素類型獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息，包括: 當(dāng)所述元素類型為文本塊時，從所述文檔對象模型信息中選取文本塊； 將選取的文本塊上傳給所述瀏覽器對應(yīng)的服務(wù)器； 接收所述服務(wù)器反饋的統(tǒng)一資源定位器信息。
6.一種瀏覽器裝置，包括: 解析模塊，用于在瀏覽器中加載當(dāng)前網(wǎng)頁，解析出當(dāng)前網(wǎng)頁的文檔對象模型信息； 檢測模塊，用于檢測到當(dāng)前網(wǎng)頁的文檔對象模型中目標(biāo)網(wǎng)頁元素的預(yù)置觸發(fā)事件； 獲取模塊，用于獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息； 生成模塊，用于使用所述統(tǒng)一資源定位器信息在瀏覽器側(cè)生成出其對應(yīng)的圖形標(biāo)識碼； 顯示模塊，用于在當(dāng)前網(wǎng)頁的文檔對象模型信息中增加該圖形標(biāo)識碼，并在對應(yīng)于所述目標(biāo)網(wǎng)頁元素的一周邊位置處加載顯示該圖形標(biāo)識碼。
7.如權(quán)利要求6所述的裝置，其特征在于，所述檢測模塊，包括: 查找子模塊，用于從所述當(dāng)前網(wǎng)頁的文檔對象模型信息中查找目標(biāo)網(wǎng)頁元素的DOM節(jié)占.檢測子模塊，用于檢測所述目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)上是否存在預(yù)置觸發(fā)事件。
8.如權(quán)利要求6或7所述的裝置，其特征在于，所述預(yù)置觸發(fā)事件包括以下至少一項(xiàng):目標(biāo)網(wǎng)頁元素的鼠標(biāo)懸停事件、目標(biāo)網(wǎng)頁元素的鼠標(biāo)右鍵點(diǎn)擊事件、目標(biāo)網(wǎng)頁元素上的鼠標(biāo)手勢動作和鼠標(biāo)滑動選取事件。
9.如權(quán)利要求6所述的裝置，其特征在于，所述獲取模塊，包括: 確定子模塊，用于依據(jù)所述當(dāng)前網(wǎng)頁的文檔對象模型信息中所述目標(biāo)網(wǎng)頁元素的DOM節(jié)點(diǎn)，確定所述目標(biāo)網(wǎng)頁元素的元素類型，其中，所述元素類型包括:圖片、視頻、音頻、文本塊、鏈接地址； 獲取子模塊，用于依據(jù)所述元素類型獲取所述目標(biāo)網(wǎng)頁元素的統(tǒng)一資源定位器信息。
10.如權(quán)利要求9所述的裝置，其特征在于: 所述獲取子模塊，用于當(dāng)所述元素類型為文本塊時，從所述文檔對象模型信息中選取文本塊；將選取的文本塊上傳給所述瀏覽器對應(yīng)的服務(wù)器；接收所述服務(wù)器反饋的統(tǒng)一資源定位器 信息。
【文檔編號】G06F17/30GK104077389SQ201410302979
【公開日】2014年10月1日 申請日期:2014年6月27日 優(yōu)先權(quán)日:2014年6月27日
【發(fā)明者】熊鵬 申請人:北京奇虎科技有限公司, 奇智軟件（北京）有限公司