一種在瀏覽器中顯示圖片的方法和裝置制造方法
【專利摘要】本發(fā)明公開了一種在瀏覽器中顯示圖片的方法和裝置，其中，所述方法包括：在瀏覽器側加載當前網(wǎng)頁，從當前網(wǎng)頁的文件對象模型DOM樹中獲取當前網(wǎng)頁中可進行全屏顯示的圖片的圖片信息，并在瀏覽器后臺進行所述圖片信息對應圖片的收集；在所述瀏覽器中加載全屏查看當前網(wǎng)頁中圖片的入口提示子窗，并根據(jù)所述圖片信息在所述入口提示子窗中加載提示信息；在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，將所收集的圖片在全屏查看圖片窗口中加載并顯示。本發(fā)明可以解決圖片展示效果差、圖片加載慢、效率低的問題。
【專利說明】一種在瀏覽器中顯示圖片的方法和裝置
【技術領域】
[0001]本發(fā)明涉及互聯(lián)網(wǎng)【技術領域】，具體涉及一種在瀏覽器中顯示圖片的方法和一種在瀏覽器中顯示圖片的裝置。
【背景技術】
[0002]網(wǎng)頁瀏覽器是個顯示網(wǎng)站服務器或文件系統(tǒng)內的文件，并讓用戶與所述文件進行交互的一種應用軟件。它用來顯示在萬維網(wǎng)或局域網(wǎng)等內的文字、圖像及其他信息。這些文字或圖像，可以是連接其他網(wǎng)址的超鏈接，用戶可迅速及輕易地瀏覽各種信息。
[0003]目前，網(wǎng)頁中的圖片顯示方法是由網(wǎng)站方提供，當用戶點擊網(wǎng)頁中的圖片瀏覽選項時，觸發(fā)網(wǎng)頁加載由網(wǎng)站方提供的腳本語言JS (Java script, JS，一種基于對象和事件驅動并具有相對安全性的客戶端腳本語言)，通過JS加載并顯示圖片，用戶根據(jù)網(wǎng)站方提供的圖片顯示方法進行圖片瀏覽。
[0004]但是，現(xiàn)有的圖片顯示方法存在如下問題:首先，目前網(wǎng)頁中的圖片顯示方法是由網(wǎng)站方提供的，當網(wǎng)站方?jīng)]有提供任何一種圖片顯示方法時，就只能夠通過簡單的網(wǎng)頁瀏覽方式展現(xiàn)圖片，展示效果差；其次，現(xiàn)有的圖片顯示方法，只有在瀏覽到相應的圖片位置時，才會加載顯示圖片，圖片加載慢，效率低。

【發(fā)明內容】

[0005]鑒于上述問題，提出了本發(fā)明以便提供一種克服上述問題或者至少部分地解決上述問題的一種在瀏覽器中顯示圖片的方法和相應的一種在瀏覽器中顯示圖片的裝置。
[0006]根據(jù)本發(fā)明的一個方面，提供了一種在瀏覽器中顯示圖片的方法。
[0007]本發(fā)明實施例中，所述一種在瀏覽器中顯示圖片的方法，包括:
[0008]在瀏覽器側加載當前網(wǎng)頁，從當前網(wǎng)頁的文件對象模型DOM樹中獲取當前網(wǎng)頁中可進行全屏顯示的圖片的圖片信息，并在瀏覽器后臺進行所述圖片信息對應圖片的收集；
[0009]在所述瀏覽器中加載全屏查看當前網(wǎng)頁中圖片的入口提示子窗，并根據(jù)所述圖片信息在所述入口提示子窗中加載提示信息；
[0010]在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，將所收集的圖片在全屏查看圖片窗口中加載并顯示。
[0011]根據(jù)本發(fā)明的另一方面，提供了一種在瀏覽器中顯示圖片的裝置。
[0012]本發(fā)明實施例中，所述一種在瀏覽器中顯示圖片的裝置，包括:
[0013]第一圖片信息獲取模塊，用于在瀏覽器側加載當前網(wǎng)頁，從當前網(wǎng)頁的文件對象模型DOM樹中獲取當前網(wǎng)頁中可進行全屏顯示的圖片的圖片信息；
[0014]第一圖片收集模塊，用于在瀏覽器后臺進行所述圖片信息對應圖片的收集；
[0015]窗口加載模塊，用于在所述瀏覽器中加載全屏查看當前網(wǎng)頁中圖片的入口提示子窗，并根據(jù)所述圖片信息在所述入口提示子窗中加載提示信息；
[0016]第一圖片加載顯示模塊，用于在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，將所收集的圖片在全屏查看圖片窗口中加載并顯示。
[0017]根據(jù)本發(fā)明實施例的一種在瀏覽器中顯示圖片的方案，通過瀏覽器側來顯示圖片，而不再通過網(wǎng)站方提供的圖片顯示方法來顯示圖片，即使當網(wǎng)站方?jīng)]有提供任何一種圖片顯示方法時，也可以通過瀏覽器側來顯示圖片，從而帶來良好圖片顯示效果好。同時，本發(fā)明實施例提供的方法不需要等待用戶主動操作當前網(wǎng)頁瀏覽到圖片位置處時才開始加載并顯示圖片，而是在當前網(wǎng)頁加載完畢后，直接遍歷DOM樹，從DOM中獲取當前網(wǎng)頁中所有可全屏展示的圖片信息并收集圖片，圖片收集速度快，從而提高了加載顯示圖片的速度，減少了用戶等待時間，效率更高。
[0018]上述說明僅是本發(fā)明技術方案的概述，為了能夠更清楚了解本發(fā)明的技術手段，而可依照說明書的內容予以實施，并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點能夠更明顯易懂，以下特舉本發(fā)明的【具體實施方式】。
【專利附圖】

【附圖說明】
[0019]通過閱讀下文優(yōu)選實施方式的詳細描述，各種其他的優(yōu)點和益處對于本領域普通技術人員將變得清楚明了。附圖僅用于示出優(yōu)選實施方式的目的，而并不認為是對本發(fā)明的限制。而且在整個附圖中，用相同的參考符號表示相同的部件。在附圖中:
[0020]圖1是本發(fā)明第一實施例中一種在瀏覽器中顯示圖片的方法的流程圖；
[0021]圖2是圖1所不第一實施例中一種加載入口提不子窗的不意圖；
[0022]圖3是圖1所不第一實施例中另一種加載入口提不子窗的不意圖；
[0023]圖4是本發(fā)明第二實施例中一種在瀏覽器中顯示圖片的方法的流程圖；
[0024]圖5是圖4所示第二實施例中一種全屏查看圖片窗口的示意圖；
[0025]圖6是本發(fā)明第三實施例中一種在瀏覽器中顯示圖片的方法的流程圖；
[0026]圖7是本發(fā)明第四實施例中一種在瀏覽器中顯示圖片的方法的流程圖；
[0027]圖8是本發(fā)明第五實施例中一種在瀏覽器中顯示圖片的裝置的結構框圖；
[0028]圖9是本發(fā)明第六實施例中一種在瀏覽器中顯示圖片的裝置的結構框圖；
[0029]圖10是本發(fā)明第七實施例中一種圖片顯示的裝置的結構框圖。
【具體實施方式】
[0030]下面將參照附圖更詳細地描述本公開的示例性實施例。雖然附圖中顯示了本公開的示例性實施例，然而應當理解，可以以各種形式實現(xiàn)本公開而不應被這里闡述的實施例所限制。相反，提供這些實施例是為了能夠更透徹地理解本公開，并且能夠將本公開的范圍完整的傳達給本領域的技術人員。
[0031]參照圖1，是本發(fā)明第一實施例中一種在瀏覽器中顯示圖片的方法的流程圖，在本發(fā)明實施例中，在瀏覽器中顯示圖片的方法可以包括以下步驟:
[0032]步驟102，在瀏覽器側加載當前網(wǎng)頁，從當前網(wǎng)頁的文件對象模型DOM樹中獲取當前網(wǎng)頁中可進行全屏顯示的圖片的圖片信息。
[0033]本發(fā)明實施例中，文件對象模型是指Document Object Model,簡稱DOM。DOM實際上是以面向對象方式描述的文檔模型，DOM定義了表示和修改文檔所需的對象、這些對象的行為和屬性以及這些對象之間的關系。在實際應用過程中，可以通過getElementsByTagName ()函數(shù)從 DOM 樹節(jié)點信息中查找整個 HTML (Hyper Text MarkupLanguage, HTML，超級文本標記語言)文檔中的任何一個HTML元素，例如，在本發(fā)明中要獲取可全屏顯示的圖片信息，可以通過getElementsByTagName O函數(shù)查找文檔中的<img>元素，并返回所述<img>元素，同時，可以從所述<img>元素所在的DOM樹節(jié)點中獲取到圖片信息，其中，所述圖片信息可以包括:圖片的數(shù)量、圖片的尺寸大小、圖片的像素、圖片在所述當前網(wǎng)頁中的位置、圖片的源地址和圖片描述信息中的至少一種信息。
[0034]在網(wǎng)頁加載時，即可獲得該網(wǎng)頁的DOM樹，通過DOM樹獲取該網(wǎng)頁的全面信息，進而進行圖片信息的獲取和后臺收集，從而使得圖片收集更為快速、效率更高。
[0035]步驟104，在瀏覽器后臺進行所述圖片信息對應圖片的收集。
[0036]在本發(fā)明實施例中，瀏覽器可以根據(jù)上述步驟中收集到的圖片信息中的圖片在所述當前網(wǎng)頁中的位置信息和圖片的源地址信息，從服務器中收集圖片信息對應的圖片。
[0037]步驟106，在所述瀏覽器中加載全屏查看當前網(wǎng)頁中圖片的入口提示子窗，并根據(jù)所述圖片信息在所述入口提示子窗中加載提示信息。
[0038]圖片在后臺被收集完后，可以在瀏覽器中加載一個入口提示子窗，并根據(jù)圖片信息在所述入口提示子窗中加載提示信息，當用戶點擊所述入口提示子窗時，可以直接進入全屏查看當前網(wǎng)頁圖片的圖片瀏覽模式。本發(fā)明實施例中，可以在瀏覽器地址欄中加載所述入口提示子窗，和/或在當前網(wǎng)頁頁面中加載所述入口提示子窗，例如:
[0039]在本發(fā)明實施例中，可以在瀏覽器地址欄中加載所述入口提示子窗，如圖2所示，為本實施例中一種加載入口提示子窗的示意圖，在瀏覽器地址欄中加載入口提示子窗，并在所述入口提示子窗中加載一個“16張大圖”的提示信息。
[0040]又例如，在本發(fā)明實施例中，可以在當前網(wǎng)頁頁面中加載入口提示子窗，如圖3所示，為本實施例中另一種加載入口提示子窗的示意圖，在當前網(wǎng)頁頁面中加載入口提示子窗，并在所述入口提示子窗中加載一個“發(fā)現(xiàn)本頁有超過5張大圖，已幫您整理好！您可以全屏看大圖”的提示信息。
[0041]步驟108，在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，將所收集的圖片在全屏查看圖片窗口中加載并顯示。
[0042]在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，瀏覽器可以加載一個全屏查看圖片窗口，將所收集的圖片在全屏查看圖片窗口中加載并顯示。
[0043]綜上所述，本發(fā)明實施例提供的一種在瀏覽器中顯示圖片的方法，通過瀏覽器來顯示圖片，而不再通過網(wǎng)站方提供的圖片顯示方法來顯示圖片，用戶瀏覽網(wǎng)頁中的圖片不再受網(wǎng)站方的影響，即使當網(wǎng)站方?jīng)]有提供任何一種圖片顯示方法時，也可以通過瀏覽器側來顯示圖片，從而帶來良好圖片顯示效果好。同時，本發(fā)明實施例提供的方法在當前網(wǎng)頁加載完畢后，直接遍歷DOM樹，從DOM中獲取當前網(wǎng)頁中所有可全屏展示的圖片信息并收集圖片，不需要在瀏覽到相應的圖片位置時，才加載顯示圖片，提高了圖片收集速度，從而圖片加載顯示速度更快，效率更高，減少了用戶等待時間。
[0044]參照圖4，是本發(fā)明第二實施例中一種在瀏覽器中顯示圖片的方法的流程圖，在本發(fā)明實施例中，在瀏覽器中顯示圖片的方法可以包括以下步驟:
[0045]步驟402，在瀏覽器側加載當前網(wǎng)頁，瀏覽器從當前網(wǎng)頁的文件對象模型DOM樹中獲取當前網(wǎng)頁中可進行全屏顯示的圖片的圖片信息。[0046]在本發(fā)明的一種優(yōu)選實施例中，在當前網(wǎng)站加載完成后，瀏覽器就可以在后臺開始遍歷DOM樹，從DOM樹中獲取當前網(wǎng)頁中可全屏顯示的圖片的圖片信息，利用空閑時間在后臺收集圖片信息，提高了圖片的收集效率。同時，當用戶需要瀏覽圖片時，從DOM樹中獲取當前網(wǎng)頁中可全屏顯示的圖片的圖片信息這一步驟已經(jīng)提前在后臺完成了，減少了用戶的等待時間。
[0047]在本發(fā)明的另一優(yōu)選實施例中，瀏覽器也可以在當用戶瀏覽當前網(wǎng)頁中的其中一張圖片時，開始在后臺遍歷DOM樹，從DOM樹中獲取當前網(wǎng)頁中可全屏顯示的圖片的圖片信
肩、O
[0048]本發(fā)明實施例中，上述步驟402可以包括以下子步驟:
[0049]子步驟4022，瀏覽器遍歷所述當前網(wǎng)頁DOM樹中的各個節(jié)點，確定所述當前網(wǎng)頁中可進行全屏顯示的圖片所在的節(jié)點。
[0050]其中，所述子步驟4022可以包括以下子步驟:
[0051]子步驟40222，瀏覽器遍歷所述當前網(wǎng)頁DOM樹中的各個節(jié)點。
[0052]子步驟40224，瀏覽器獲取所述DOM樹中的圖片節(jié)點，并獲取所述圖片節(jié)點中存儲的圖片信息。
[0053]遍歷所述當前網(wǎng)頁DOM樹中的各個節(jié)點，從節(jié)點信息中查找包含圖片元素的信息，例如，當任意一個節(jié)點的節(jié)點信息中帶有<img>信息時，確定所述任意一個節(jié)點為圖片節(jié)點，并獲取所述圖片節(jié)點中存儲的圖片信息，其中，所述圖片信息可以包括圖片尺寸大小信息。
[0054]子步驟40226，瀏覽器根據(jù)所述圖片信息中的圖片尺寸大小信息，從所述圖片節(jié)點中篩選得到滿足預置圖片尺寸大小的節(jié)點。
[0055]根據(jù)所述圖片信息中的圖片尺寸大小信息，獲取所述圖片尺寸大小信息對應的圖片尺寸，當所述圖片尺寸大于等于預置圖片尺寸大小時，保留所述圖片信息對應的圖片節(jié)點；當所述圖片尺寸小于預置圖片尺寸大小時，丟棄所述圖片信息對應的圖片節(jié)點。例如，可以將預置圖片尺寸大小設置為400X300，那么只保留圖片尺寸大于等于400X300所對應的圖片節(jié)點。
[0056]子步驟40228，瀏覽器將所述滿足預置圖片尺寸大小的節(jié)點確定為所述當前網(wǎng)頁中可進行全屏顯示的圖片所在的節(jié)點。
[0057]當所述圖片的尺寸大小信息對應的圖片尺寸大于等于預置圖片尺寸大小時，確定所述圖片節(jié)點為當前網(wǎng)頁中可進行全屏顯示的圖片所在的節(jié)點。
[0058]子步驟4024，瀏覽器從所述確定的節(jié)點中獲取當前網(wǎng)頁中可進行全屏顯示的圖片的圖片信息。
[0059]其中，圖片信息包括:圖片的數(shù)量、圖片的尺寸大小、圖片的像素、圖片在所述當前網(wǎng)頁中的位置、圖片的源地址和圖片描述信息中的至少一種信息。
[0060]步驟404，瀏覽器在后臺收集所述圖片信息對應的圖片。
[0061]步驟406，在所述瀏覽器中加載全屏查看當前網(wǎng)頁中圖片的入口提示子窗，并根據(jù)所述圖片信息在所述入口提示子窗中加載提示信息。
[0062]在本發(fā)明實施例中，所述步驟406可以包括以下子步驟:
[0063]子步驟4062，瀏覽器統(tǒng)計所述滿足預置圖片尺寸大小的節(jié)點個數(shù)。[0064]在從所述圖片節(jié)點中篩選滿足預置圖片尺寸大小的節(jié)點時，統(tǒng)計滿足預置圖片尺寸大小的節(jié)點個數(shù)，即，當所述圖片節(jié)點信息中的圖片尺寸大小信息對應的圖片尺寸大小滿足預置圖片尺寸大小時，計數(shù)加1，不滿足時，計數(shù)加0，最終統(tǒng)計得到滿足預置圖片尺寸大小的節(jié)點個數(shù)。
[0065]子步驟4064，當統(tǒng)計結果滿足設定數(shù)值時，瀏覽器在所述瀏覽器中加載全屏查看當前網(wǎng)頁中圖片的入口提示子窗。
[0066]在本發(fā)明實施例中，當統(tǒng)計結果大于或等于3時，在所述瀏覽器中加載全屏查看當前網(wǎng)頁中圖片的入口提示子窗，用戶通過所述入口提示子窗可以進入全屏查看圖片窗口瀏覽圖片。其中，所述入口提示子窗可以是所述當前網(wǎng)頁頁面中的一個浮層窗口、和/或瀏覽器彈窗、和/或瀏覽器地址欄中的子窗口。需要說明的是，統(tǒng)計結果大于或等于3僅為示例性說明，在實際應用中，本領域技術人員可以根據(jù)實際情況適當設置。
[0067]子步驟4066，瀏覽器根據(jù)所述圖片信息中的圖片數(shù)量信息，在所述入口提示子窗口中加載提示信息。
[0068]其中，所述提示信息可以用于提示當前網(wǎng)頁中可展示的圖片數(shù)量。
[0069]步驟408，瀏覽器在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，將所收集的圖片在全屏查看圖片窗口中加載并顯示。
[0070]本發(fā)明實施例中，所述全屏查看圖片窗口是一個位于所述瀏覽器當前頁面之上、可根據(jù)用戶設置配置背景顏色的全屏窗口，例如，所述背景顏色可以配置為黑色、紅色或紫色。但優(yōu)選地，全屏查看圖片窗口的背景顏色以能遮擋當前網(wǎng)頁為佳。本實施例中一種全屏查看圖片窗口的示意圖如圖5所示，圖5中所示的全屏查看圖片窗口中可以包括:連續(xù)看圖、保存圖片、本站更多套圖、我的圖庫和保存套圖選項，以及一個縮略圖顯示窗口，所述縮略圖顯示窗口可以根據(jù)用戶需要進行顯示或隱藏。當用戶點擊連續(xù)看圖選項時，全屏查看圖片窗口進入幻燈片模式瀏覽網(wǎng)頁中的可全屏顯示的圖片；當用戶點擊保存圖片選項時，可以保存當前全屏瀏覽的圖片；當用戶點擊本站更多套圖時，用戶可以瀏覽瀏覽器在后臺收集的當前網(wǎng)頁對應的網(wǎng)站中的其它圖片；當用戶點擊我的圖庫時，用戶進入我的圖庫看圖模式，用戶可以瀏覽自己保存的圖片和之前瀏覽過的圖片；當用戶點擊保存套圖選項時，用戶可以選擇保存套圖中的任意一張或多張圖片，或者保存一套圖片，并且用戶可以通過瀏覽器提供的第三方軟件實現(xiàn)多張圖片生成一張組合圖等各種圖片組合特效。
[0071]在本發(fā)明實施例中，所述在瀏覽器中顯示圖片的方法還可以包括以下步驟:
[0072]子步驟410，觸發(fā)套圖保存選項后，瀏覽器確定所述全屏查看圖片窗口中當前顯示的圖片的類別；
[0073]子步驟412，瀏覽器獲取與所述當前顯示的圖片屬于同一類別的其它圖片并保存至內存中；
[0074]子步驟414，瀏覽器在所述縮略圖顯示窗口中顯示獲取的所述其它圖片的縮略圖。
[0075]綜上所述，本發(fā)明實施例中，只有當圖片的尺寸大小滿足預置圖片尺寸大小時，圖片才會被瀏覽器收集，保證了被收集的圖片的質量，在網(wǎng)頁中有很多廣告，這些廣告中也可能會帶有圖片，廣告中的圖片并不是用戶想要瀏覽的，而廣告中圖片的圖片尺寸大小是不滿足預置圖片尺寸大小的，因此，通過對圖片的圖片尺寸大小的篩選，可以避免收集到用戶不想瀏覽的廣告圖片，圖片收集的準確度高，從而提高了最終顯示圖片時的準確度。其次，在圖片收集過程中，對收集的滿足預置圖片尺寸大小的圖片進行了計數(shù)，只有當計數(shù)結果滿足預置值時，才會加載入口提示子窗和提示信息，例如，當計數(shù)結果為I時，說明當前網(wǎng)頁中只有一張可全屏顯示的圖片，此時不加載入口提示子窗和提示信息，用戶可以直接點擊所述圖片進入全屏查看圖片窗口，不需要觸發(fā)入口提示子窗后再進入全屏查看圖片窗口，節(jié)約了用戶的時間。然后，在當前網(wǎng)頁加載完畢后，瀏覽器就可以開始在后臺遍歷DOM樹，收集圖片信息和圖片信息對應的圖片，或者利用用戶瀏覽當前圖片的時間在后臺遍歷DOM樹，收集圖片，不需要等待用戶主動操作當前網(wǎng)頁瀏覽到圖片位置處時才開始加載并顯示圖片，提高了圖片收集的效率，減少用戶等待時間。最后，在全屏查看圖片窗口中，有連續(xù)看圖、保存圖片、本站更多套圖、我的圖庫和保存套圖多種選項可以供用戶選擇，用戶可以對圖片進行保存、修改、特效組合等各種操作。而且用戶還可以根據(jù)縮略圖顯示窗口對圖片進行預覽，圖片瀏覽模式多樣化。
[0076]參照圖6，是本發(fā)明第三實施例中一種在瀏覽器中顯示圖片的方法的流程圖，在本發(fā)明實施例中，所示一種在瀏覽器中顯示圖片的方法可以包括以下步驟:
[0077]步驟602，在瀏覽器側加載當前網(wǎng)頁，從當前網(wǎng)頁的文件對象模型DOM樹中獲取當前網(wǎng)頁中可進行全屏顯示的圖片的圖片信息。
[0078]步驟604，在瀏覽器后臺進行所述圖片信息對應圖片的收集。
[0079]步驟606，在所述瀏覽器中加載全屏查看當前網(wǎng)頁中圖片的入口提示子窗，并根據(jù)所述圖片信息在所述入口提示子窗中加載提示信息。
[0080]步驟608，在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，將所收集的圖片在全屏查看圖片窗口中加載并顯示。
[0081]網(wǎng)頁中的一些圖片需要通過JS進行加載，由于遍歷DOM樹時是沒有觸發(fā)加載所述圖片的JS，因此，在遍歷DOM樹獲取當前網(wǎng)頁中的圖片時，還有一些要在當前網(wǎng)頁中進行顯示的圖片是沒有被識別到，從而不能完整的顯示當前網(wǎng)頁中所有可進行全屏顯示的圖片。同時，在實際應用過程中，很多網(wǎng)頁中會使用一些url (Uniform Resource Locator, url,網(wǎng)頁地址)進行圖片占位，所述url只是用于占用一個位置，而不是正式的圖片，當占位url被正式圖片替換后，才能正常顯示所述正式圖片。因此，在遍歷DOM樹時獲取的圖片信息中有部分信息是占位符的信息，而不是正式圖片的信息，從而不能正常顯示所述占位符對應的圖片。
[0082]在本發(fā)明實施例中，所述步驟608可以包括以下子步驟:
[0083]子步驟6082，在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，觸發(fā)所述瀏覽器在所述當前網(wǎng)頁上執(zhí)行滾動條操作，使?jié)L動條離開所述當前網(wǎng)頁的當前位置，從所述當前網(wǎng)頁的初始位置滾動到所述當前網(wǎng)頁的終止位置，遍歷所述當前網(wǎng)頁。
[0084]在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，進入全屏看圖模式，瀏覽器可以在當前網(wǎng)頁上執(zhí)行DosctoII函數(shù)或者Setscroll函數(shù)，使?jié)L動條離開所述當前網(wǎng)頁的當前位置，從所述當前網(wǎng)頁的初始位置滾動到所述當前網(wǎng)頁的終止位置，遍歷所述當前網(wǎng)頁。
[0085]子步驟6084，在遍歷所述當前網(wǎng)頁的過程中，觸發(fā)當前網(wǎng)頁中的腳本語言，收集當前網(wǎng)頁中可進行全屏顯示同時未從當前網(wǎng)頁DOM樹中識別收集到的圖片。
[0086]在遍歷所述當前網(wǎng)頁的過程中，可以觸發(fā)網(wǎng)頁中的JS，從而啟動了圖片的加載，可以收集到當前網(wǎng)頁中可進行全屏顯示同時未從當前網(wǎng)頁DOM樹中識別收集到的圖片，例如:需要通過JS進行加載的圖片和占位符對應的正式圖片。
[0087]子步驟6086，在遍歷所述當前網(wǎng)頁的過程完成之后，所述滾動條回到所述當前位置。
[0088]因為進入全屏看圖模式時，全屏查看圖片窗口可以是一個位于所述瀏覽器當前頁面之上的窗口，遮擋住了當前網(wǎng)頁，所述在當前網(wǎng)頁上執(zhí)行Doscroll函數(shù)或者Setscroll函數(shù)時，不會影響用戶體驗全屏看圖，同時，在遍歷所述當前網(wǎng)頁的過程完成之后，滾動條回到所述當前位置，當用戶關閉全屏查看圖片窗口后，滾動條仍在當前網(wǎng)頁的當前位置，不會對用戶瀏覽網(wǎng)頁造成任何影響。
[0089]子步驟6088，將通過觸發(fā)腳本語言收集到的圖片在全屏查看圖片窗口中加載并顯
/Jn ο
[0090]綜上所述,本發(fā)明實施例通過在當前網(wǎng)頁上執(zhí)行Doscroll函數(shù)或者Setscroll函數(shù)，遍歷所述當前網(wǎng)頁，觸發(fā)網(wǎng)頁中的JS，實現(xiàn)對網(wǎng)頁中的圖片的加載和收集，解決了通過遍歷DOM樹不能收集到需要通過JS加載的圖片，和通過遍歷DOM樹不能收集到占位符對應的正式圖片的問題。通過本發(fā)明實施例所述的方法，可以將當前網(wǎng)頁中所有可進行全屏顯示的圖片全部收集到，并顯示給用戶，圖片收集的完整度高，從而提高了最終圖片顯示時的完整度。
[0091]參照圖7，是本發(fā)明第四實施例中一種在瀏覽器中顯示圖片的方法的流程圖，在本發(fā)明實施例中，所示一種在瀏覽器中顯示圖片的方法可以包括以下步驟:
[0092]步驟702，在瀏覽器側加載當前網(wǎng)頁，從當前網(wǎng)頁的文件對象模型DOM樹中獲取當前網(wǎng)頁中可進行全屏顯示的圖片的圖片信息。
[0093]步驟704，在瀏覽器后臺進行所述圖片信息對應圖片的收集。
[0094]步驟706，在所述瀏覽器中加載全屏查看當前網(wǎng)頁中圖片的入口提示子窗，并根據(jù)所述圖片信息在所述入口提示子窗中加載提示信息。
[0095]步驟708，在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，將所收集的圖片在全屏查看圖片窗口中加載并顯示。
[0096]在實際應用過程中，很多網(wǎng)頁除了當前用戶正在瀏覽的頁面外，還有“下一頁”頁面，當當前頁面的下一頁選項被觸發(fā)，進入下一頁頁面后，下一頁頁面中的圖片才會被加載識別。
[0097]在本發(fā)明實施例中，所述步驟708可以包括以下子步驟:
[0098]子步驟7082，在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，根據(jù)預設配置文件中的配置信息，識別并獲取所述已加載完畢的當前網(wǎng)頁的下一頁頁面。
[0099]其中，所述子步驟7082可以包括以下子步驟:
[0100]子步驟70822，從所述配置文件中獲取所述已加載完畢的當前網(wǎng)頁的下一頁頁面的識別策略。
[0101]在本發(fā)明實施例中，所述識別策略可以包括:針對不同的網(wǎng)站，設置的與網(wǎng)站相匹配的下一頁選項的標準標識。例如，根據(jù)在瀏覽器側預置的一個Config識別策略文件，所述config中根據(jù)不同網(wǎng)站設置了不同的“下一頁”選項的識別策略，針對網(wǎng)站A設置的“下一頁”選項的標識是“I”。完成了“下一頁”按鈕的獲取后，重新再其它一個后臺的網(wǎng)頁進程加載并收集下一頁頁面中可全屏顯示的圖片，依照這種方法就可以獲取到所有的下一頁的圖片，直到獲取到所有的圖片數(shù)據(jù)。最后，可以將所有的圖片在全屏圖片模式中進行數(shù)據(jù)的更新，顯示給用戶所有頁的圖片，并標識出是第幾頁上的圖片。
[0102]子步驟70824，獲取所述已加載完畢的當前網(wǎng)頁中的下一頁選項的標識，判斷所述標識是否滿足所述識別策略。
[0103]針對A網(wǎng)站，當獲取到的當前網(wǎng)頁的下一頁選項的標識為“I”時，根據(jù)上述確定的識別策略，所述標識“I”滿足A網(wǎng)站設置的“下一頁”的識別策略。
[0104]子步驟70826，若滿足，則觸發(fā)所述下一頁選項獲取所述下一頁頁面。
[0105]子步驟7084,遍歷所述下一頁頁面的DOM樹中的各個節(jié)點，確定所述下一頁頁面中可進行全屏顯示的圖片所在的節(jié)點，并從所述確定的下一頁頁面的節(jié)點中獲取下一頁頁面中可進行全屏顯示的圖片的圖片信息，根據(jù)獲取的所述下一頁頁面的圖片信息收集所述下一頁頁面圖片信息對應的圖片。
[0106]子步驟7086，將收集到的所述下一頁頁面的圖片在全屏查看圖片窗口中加載并顯
/Jn ο
[0107]子步驟7088，將收集到的下一頁頁面中可全屏顯示的圖片更新至所述全屏查看圖片窗口中，在所述全屏查看圖片窗口中加載并顯示收集到的當前頁中的圖片和收集到的下一頁頁面中的圖片。
[0108]在本發(fā)明實施例中，可以將收集到的下一頁頁面中可全屏顯示的圖片更新至全屏查看圖片窗口中，在顯示圖片時，可以將收集到的當前頁面中可全屏顯示的圖片和下一頁頁面中可全屏顯示圖片一起向用戶顯示，同時，在向用戶顯示圖片時，還可以標識出全屏查看圖片窗口中正在顯示的圖片是第幾頁頁面上的圖片。
[0109]綜上所述，本發(fā)明實施例所述的方法，通過瀏覽器和網(wǎng)站之間的下一頁識別策略，可以準確獲取下一頁頁面中的圖片，用戶不用進行翻頁操作即可瀏覽到當前網(wǎng)頁對應的網(wǎng)站中的所有圖片，提高了圖片的收集效率，同時用戶可以直接瀏覽到本站中所有的圖片。
[0110]需要說明的是，對于前述的方法實施例，為了簡單描述，故將其都表述為一系列的動作組合，但是本領域技術人員應該知悉，本發(fā)明并不受所描述的動作順序的限制，因為依據(jù)本發(fā)明，某些步驟可以采用其他順序或者同時進行。其次，本領域技術人員也應該知悉，說明書中所描述的實施例均屬于優(yōu)選實施例，所涉及的動作并不一定是本發(fā)明所必需的。
[0111]基于同一發(fā)明構思，參照圖8，是本發(fā)明第五實施例中一種在瀏覽器中顯示圖片的裝置的結構框圖，本發(fā)明實施例所述一種在瀏覽器中顯示圖片的裝置可以包括如下模塊:
[0112]第一圖片信息獲取模塊802，用于在瀏覽器側加載當前網(wǎng)頁，從當前網(wǎng)頁的文件對象模型DOM樹中獲取當前網(wǎng)頁中可進行全屏顯示的圖片的圖片信息。
[0113]第一圖片收集模塊804，用于在瀏覽器后臺進行所述圖片信息對應圖片的收集。
[0114]窗口加載模塊806，用于在所述瀏覽器中加載全屏查看當前網(wǎng)頁中圖片的入口提示子窗，并根據(jù)所述圖片信息在所述入口提示子窗中加載提示信息。
[0115]第一圖片加載顯示模塊808，用于在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，將所收集的圖片在全屏查看圖片窗口中加載并顯示。
[0116]綜上所述，本發(fā)明實施例提供的一種在瀏覽器中顯示圖片的裝置，在瀏覽器側加載當前網(wǎng)頁，將所收集的圖片在全屏查看圖片窗口中加載并顯示，通過瀏覽器中的第一圖片加載顯示模塊來顯示圖片，而不再通過網(wǎng)站方來顯示圖片，用戶瀏覽網(wǎng)頁中的圖片不再受網(wǎng)站方的限制。同時，瀏覽器利用空閑時間在后臺進行遍歷DOM、收集圖片的操作，提高了圖片收集的效率，節(jié)約了時間。
[0117]參照圖9，是本發(fā)明第六實施例中一種在瀏覽器中顯示圖片的裝置的結構框圖，本發(fā)明實施例所述一種在瀏覽器中顯示圖片的裝置可以包括如下模塊:
[0118]第一圖片信息獲取模塊902，用于在瀏覽器側加載當前網(wǎng)頁，從當前網(wǎng)頁的文件對象模型DOM樹中獲取當前網(wǎng)頁中可進行全屏顯示的圖片的圖片信息。
[0119]在本發(fā)明實施例中，所述第一圖片信息獲取模塊902可以包括:
[0120]節(jié)點遍歷模塊9022,用于遍歷所述當前網(wǎng)頁DOM樹中的各個節(jié)點，確定所述當前網(wǎng)頁中可進行全屏顯示的圖片所在的節(jié)點。
[0121]其中，所述節(jié)點遍歷模塊9022可以包括:
[0122]節(jié)點獲取模塊90222，用于獲取所述DOM樹中的圖片節(jié)點，并獲取所述圖片節(jié)點中存儲的圖片信息。
[0123]節(jié)點篩選模塊90224，用于根據(jù)所述圖片信息中的圖片尺寸大小信息，從所述圖片節(jié)點中篩選得到滿足預置圖片尺寸大小的節(jié)點。
[0124]節(jié)點確定模塊90226，用于將所述滿足預置圖片尺寸大小的節(jié)點確定為所述當前網(wǎng)頁中可進行全屏顯示的圖片所在的節(jié)點。
[0125]第二圖片信息獲取模塊9024，用于從所述確定的節(jié)點中獲取當前網(wǎng)頁中可進行全屏顯示的圖片的圖片信息；其中，所述圖片信息包括:圖片的數(shù)量、圖片的尺寸大小、圖片的像素、圖片在所述當前網(wǎng)頁中的位置、圖片的源地址和圖片描述信息中的至少一種信息。
[0126]第一圖片收集模塊904，用于在瀏覽器后臺進行所述圖片信息對應圖片的收集。
[0127]窗口加載模塊906，用于在所述瀏覽器中加載全屏查看當前網(wǎng)頁中圖片的入口提示子窗，并根據(jù)所述圖片信息在所述入口提示子窗中加載提示信息。
[0128]優(yōu)選地，入口提示子窗可以是當前網(wǎng)頁頁面中的一個浮層窗口、和/或瀏覽器彈窗、和/或瀏覽器地址欄中的子窗口。
[0129]在本發(fā)明實施例中，所述窗口加載模塊906可以包括:
[0130]節(jié)點統(tǒng)計模塊9062，用于統(tǒng)計所述滿足預置圖片尺寸大小的節(jié)點個數(shù)；
[0131]入口提示子窗加載模塊9064，用于在統(tǒng)計結果滿足設定數(shù)值時，在所述瀏覽器中加載全屏查看當前網(wǎng)頁中圖片的入口提示子窗。
[0132]提示信息加載模塊9066，用于根據(jù)所述圖片信息中的圖片數(shù)量信息，在所述入口提示子窗口中加載提示信息，其中，所述提示信息用于提示當前網(wǎng)頁中可展示的圖片數(shù)量。
[0133]第一圖片加載顯示模塊908，用于在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，將所收集的圖片在全屏查看圖片窗口中加載并顯示。
[0134]在本發(fā)明實施例中，所述第一圖片加載顯示模塊908，可以包括:
[0135]第一滾動條操作模塊9082，用于在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，觸發(fā)所述瀏覽器在所述當前網(wǎng)頁上執(zhí)行滾動條操作，使?jié)L動條離開所述當前網(wǎng)頁的當前位置，從所述當前網(wǎng)頁的初始位置滾動到所述當前網(wǎng)頁的終止位置，遍歷所述當前網(wǎng)頁。[0136]第二圖片收集模塊9084，用于在遍歷所述當前網(wǎng)頁的過程中，觸發(fā)當前網(wǎng)頁中的腳本語言，收集當前網(wǎng)頁中可進行全屏顯示同時未從當前網(wǎng)頁DOM樹中識別收集到的圖片。
[0137]第二滾動條操作模塊9086，用于在遍歷所述當前網(wǎng)頁的過程完成之后，所述滾動條回到所述當前位置。
[0138]第二圖片加載顯示模塊9088，用于將通過觸發(fā)腳本語言收集到的圖片在全屏查看圖片窗口中加載并顯示。
[0139]在本發(fā)明實施例中，所述全屏查看圖片窗口可以是一個位于所述瀏覽器當前頁面之上、可根據(jù)用戶設置配置背景顏色的全屏窗口 ；所述全屏查看圖片窗口中可以包括:套圖保存選項和縮略圖顯示窗口。所述裝置還可以包括以下模塊:
[0140]類別確定模塊910，用于在觸發(fā)套圖保存選項后，確定所述全屏查看圖片窗口中當前顯示的圖片的類別。
[0141]圖片獲取模塊912，用于獲取與所述當前顯示的圖片屬于同一類別的其它圖片并保存至內存中。
[0142]縮略圖顯示模塊914，用于在所述縮略圖顯示窗口中顯示獲取的所述其它圖片的縮略圖。
[0143]綜上所述，本發(fā)明實施例提供的一種在瀏覽器中顯示圖片的裝置，通過第一圖片收集模塊收集通過遍歷DOM樹識別到的圖片，第二圖片收集模塊收集通過遍歷DOM樹沒有識別到的圖片，實現(xiàn)了對當前網(wǎng)頁中所有可以全屏顯示的圖片的收集工作，提高了圖片收集的準確度和完整度。進一步的，在通過圖片獲取模塊，不需要用戶自己去查詢就可以直接獲取當前瀏覽的圖片對應的同一類別下的其它所有圖片，減少了用戶的查詢步驟，節(jié)約了時間。
[0144]參照圖10，是本發(fā)明第七實施例中一種圖片顯示的裝置的結構框圖，本發(fā)明實施例所述一種在瀏覽器中顯示圖片的裝置可以包括如下模塊:
[0145]第一圖片信息獲取模塊1002，用于在瀏覽器側加載當前網(wǎng)頁，從當前網(wǎng)頁的文件對象模型DOM樹中獲取當前網(wǎng)頁中可進行全屏顯示的圖片的圖片信息。
[0146]第一圖片收集模塊1004，用于在瀏覽器后臺進行所述圖片信息對應圖片的收集。
[0147]窗口加載模塊1006，用于在所述瀏覽器中加載全屏查看當前網(wǎng)頁中圖片的入口提示子窗，并根據(jù)所述圖片信息在所述入口提示子窗中加載提示信息。
[0148]第一圖片加載顯示模塊1008，用于在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，將所收集的圖片在全屏查看圖片窗口中加載并顯示。
[0149]其中，在本發(fā)明實施例中，所述第一圖片加載顯示模塊1008，可以包括以下模塊:
[0150]下一頁頁面識別獲取模塊10082，用于在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，根據(jù)預設配置文件中的配置信息，識別并獲取所述已加載完畢的當前網(wǎng)頁的下一頁頁面。
[0151]其中，所述下一頁頁面識別獲取模塊10082，可以包括以下模塊:
[0152]識別策略獲取模塊100822，用于從所述配置文件中獲取所述已加載完畢的當前網(wǎng)頁的下一頁頁面的識別策略；其中，所述識別策略，包括:針對不同的網(wǎng)站，設置的與網(wǎng)站相匹配的下一頁選項的標準標識。[0153]識別策略判斷模塊100824，用于獲取所述已加載完畢的當前網(wǎng)頁中的下一頁選項的標識，判斷所述標識是否滿足所述識別策略。
[0154]下一頁頁面獲取模塊100826，用于在所述標識滿足所述識別策略時，觸發(fā)所述下一頁選項，獲取所述下一頁頁面。
[0155]下一頁頁面圖片收集模塊10084,用于遍歷所述下一頁頁面的DOM樹中的各個節(jié)點，確定所述下一頁頁面中可進行全屏顯示的圖片所在的節(jié)點，并從所述確定的下一頁頁面的節(jié)點中獲取下一頁頁面中可進行全屏顯示的圖片的圖片信息，根據(jù)獲取的所述下一頁頁面的圖片信息收集所述下一頁頁面圖片信息對應的圖片。
[0156]第三圖片加載顯示模塊10086，用于將收集到的所述下一頁頁面的圖片在全屏查看圖片窗口中加載并顯示。
[0157]圖片更新模塊10088，用于將收集到的下一頁頁面中可全屏顯示的圖片更新至所述全屏查看圖片窗口中，在所述全屏查看圖片窗口中加載并顯示收集到的當前頁中的圖片和收集到的下一頁頁面中的圖片。
[0158]綜上所述，本發(fā)明實施例提供的一種在瀏覽器中顯示圖片的裝置，通過下一頁頁面識別獲取模塊收集到下一頁頁面中可全屏顯示的圖片，并圖片更新模塊，將收集到的下一頁頁面中的圖片和收集到的當前頁面中的圖片同時在全屏查看圖片窗口中進行顯示，用戶可以瀏覽到當前網(wǎng)頁對應的網(wǎng)站中的所有圖片，減少了用戶的等待時間，提高了圖片顯示的效率，也更加便于用戶瀏覽圖片。
[0159]對于上述一種在瀏覽器中顯示圖片的裝置實施例而言，由于其與方法實施例基本相似，所以描述的比較簡單，相關之處參見方法實施例的部分說明即可。
[0160]根據(jù)本發(fā)明實施例的一種在瀏覽器中顯示圖片的方案，首先，所述方案通過瀏覽器來顯示圖片，而不再通過網(wǎng)站方提供的圖片顯示方法來顯示圖片，用戶瀏覽網(wǎng)頁中的圖片不再受網(wǎng)站方的影響，即使當網(wǎng)站方?jīng)]有提供任何一種圖片顯示方法時，也可以通過瀏覽器側來顯示圖片，帶來良好圖片顯示效果好。其次，在當前網(wǎng)頁加載完畢后，瀏覽器就可以開始在后臺遍歷DOM樹，收集圖片信息和圖片信息對應的圖片，或者利用用戶瀏覽當前圖片的時間在后臺遍歷DOM樹，收集圖片，不需要等待用戶主動操作當前網(wǎng)頁瀏覽到圖片位置處時才開始加載并顯示圖片，提高了圖片收集的效率，減少用戶等待時間。最后，瀏覽器通過遍歷DOM樹、和執(zhí)行Doscroll函數(shù)或者Setscroll函數(shù),可以識別到當前網(wǎng)頁和下一頁頁面中所有可以全屏顯示的圖片，提高了在全屏查看圖片窗口中顯示的圖片的完整度。
[0161]本說明書中的各個實施例均采用遞進的方式描述，每個實施例重點說明的都是與其他實施例的不同之處，各個實施例之間相同相似的部分互相參見即可。
[0162]本領域技術人員易于想到的是:上述各個實施例的任意組合應用都是可行的，故上述各個實施例之間的任意組合都是本發(fā)明的實施方案，但是由于篇幅限制，本說明書在此就不一一詳述了。
[0163]在此提供的算法和顯示不與任何特定計算機、虛擬系統(tǒng)或者其它設備固有相關。各種通用系統(tǒng)也可以與基于在此的示教一起使用。根據(jù)上面的描述，構造這類系統(tǒng)所要求的結構是顯而易見的。此外，本發(fā)明也不針對任何特定編程語言。應當明白，可以利用各種編程語言實現(xiàn)在此描述的本發(fā)明的內容，并且上面對特定語言所做的描述是為了披露本發(fā)明的最佳實施方式。
[0164]在此處所提供的說明書中，說明了大量具體細節(jié)。然而，能夠理解，本發(fā)明的實施例可以在沒有這些具體細節(jié)的情況下實踐。在一些實例中，并未詳細示出公知的方法、結構和技術，以便不模糊對本說明書的理解。
[0165]類似地，應當理解，為了精簡本公開并幫助理解各個發(fā)明方面中的一個或多個，在上面對本發(fā)明的示例性實施例的描述中，本發(fā)明的各個特征有時被一起分組到單個實施例、圖、或者對其的描述中。然而，并不應將該公開的方法解釋成反映如下意圖:即所要求保護的本發(fā)明要求比在每個權利要求中所明確記載的特征更多的特征。更確切地說，如下面的權利要求書所反映的那樣，發(fā)明方面在于少于前面公開的單個實施例的所有特征。因此，遵循【具體實施方式】的權利要求書由此明確地并入該【具體實施方式】，其中每個權利要求本身都作為本發(fā)明的單獨實施例。
[0166]本領域那些技術人員可以理解，可以對實施例中的設備中的模塊進行自適應性地改變并且把它們設置在與該實施例不同的一個或多個設備中。可以把實施例中的模塊或單元或組件組合成一個模塊或單元或組件，以及此外可以把它們分成多個子模塊或子單元或子組件。除了這樣的特征和/或過程或者單元中的至少一些是相互排斥之外，可以采用任何組合對本說明書(包括伴隨的權利要求、摘要和附圖)中公開的所有特征以及如此公開的任何方法或者設備的所有過程或單元進行組合。除非另外明確陳述，本說明書(包括伴隨的權利要求、摘要和附圖)中公開的每個特征可以由提供相同、等同或相似目的的替代特征來代替。
[0167]此外，本領域的技術人員能夠理解，盡管在此所述的一些實施例包括其它實施例中所包括的某些特征而不是其它特征，但是不同實施例的特征的組合意味著處于本發(fā)明的范圍之內并且形成不同的實施例。例如，在下面的權利要求書中，所要求保護的實施例的任意之一都可以以任意的組合方式來使用。
[0168]本發(fā)明的各個部件實施例可以以硬件實現(xiàn)，或者以在一個或者多個處理器上運行的軟件模塊實現(xiàn)，或者以它們的組合實現(xiàn)。本領域的技術人員應當理解，可以在實踐中使用微處理器或者數(shù)字信號處理器(DSP)來實現(xiàn)根據(jù)本發(fā)明實施例的在瀏覽器中顯示圖片的設備中的一些或者全部部件的一些或者全部功能。本發(fā)明還可以實現(xiàn)為用于執(zhí)行這里所描述的方法的一部分或者全部的設備或者裝置程序(例如，計算機程序和計算機程序產(chǎn)品)。這樣的實現(xiàn)本發(fā)明的程序可以存儲在計算機可讀介質上，或者可以具有一個或者多個信號的形式。這樣的信號可以從因特網(wǎng)網(wǎng)站上下載得到，或者在載體信號上提供，或者以任何其他形式提供。
[0169]應該注意的是上述實施例對本發(fā)明進行說明而不是對本發(fā)明進行限制，并且本領域技術人員在不脫離所附權利要求的范圍的情況下可設計出替換實施例。在權利要求中，不應將位于括號之間的任何參考符號構造成對權利要求的限制。單詞“包含”不排除存在未列在權利要求中的元件或步驟。位于元件之前的單詞“一”或“一個”不排除存在多個這樣的元件。本發(fā)明可以借助于包括有若干不同元件的硬件以及借助于適當編程的計算機來實現(xiàn)。在列舉了若干裝置的單元權利要求中，這些裝置中的若干個可以是通過同一個硬件項來具體體現(xiàn)。單詞第一、第二、以及第三等的使用不表示任何順序。可將這些單詞解釋為名稱。[0170]本發(fā)明公開了 Al、一種在瀏覽器中顯示圖片的方法，包括:
[0171]在瀏覽器側加載當前網(wǎng)頁，從當前網(wǎng)頁的文件對象模型DOM樹中獲取當前網(wǎng)頁中可進行全屏顯示的圖片的圖片信息，并在瀏覽器后臺進行所述圖片信息對應圖片的收集；
[0172]在所述瀏覽器中加載全屏查看當前網(wǎng)頁中圖片的入口提示子窗，并根據(jù)所述圖片信息在所述入口提示子窗中加載提示信息；
[0173]在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，將所收集的圖片在全屏查看圖片窗口中加載并顯示。
[0174]A2、根據(jù)Al所述的方法，所述從當前網(wǎng)頁的文件對象模型DOM樹中獲取當前網(wǎng)頁中可進行全屏顯示的圖片的圖片信息，包括:
[0175]遍歷所述當前網(wǎng)頁DOM樹中的各個節(jié)點，確定所述當前網(wǎng)頁中可進行全屏顯示的圖片所在的節(jié)點，并從所述確定的節(jié)點中獲取當前網(wǎng)頁中可進行全屏顯示的圖片的圖片信息；
[0176]其中，所述圖片信息包括:圖片的數(shù)量、圖片的尺寸大小、圖片的像素、圖片在所述當前網(wǎng)頁中的位置、圖片的源地址和圖片描述信息中的至少一種信息。
[0177]A3、根據(jù)A2所述的方法，所述確定所述當前網(wǎng)頁中可進行全屏顯示的圖片所在的節(jié)點，包括:
[0178]獲取所述DOM樹中的圖片節(jié)點，并獲取所述圖片節(jié)點中存儲的圖片信息；
[0179]根據(jù)所述圖片信息中的圖片尺寸大小信息，從所述圖片節(jié)點中篩選得到滿足預置圖片尺寸大小的節(jié)點；
[0180]將所述滿足預置圖片尺寸大小的節(jié)點確定為所述當前網(wǎng)頁中可進行全屏顯示的圖片所在的節(jié)點。
[0181]A4、根據(jù)A3所述的方法，所述在所述瀏覽器中加載全屏查看當前網(wǎng)頁中圖片的入口提示子窗，并根據(jù)所述圖片信息在所述入口提示子窗中加載提示信息，包括:
[0182]統(tǒng)計所述滿足預置圖片尺寸大小的節(jié)點個數(shù)；
[0183]當統(tǒng)計結果滿足設定數(shù)值時，在所述瀏覽器中加載全屏查看當前網(wǎng)頁中圖片的入口提不子窗；
[0184]并根據(jù)所述圖片信息中的圖片數(shù)量信息，在所述入口提示子窗口中加載提示信息，其中，所述提示信息用于提示當前網(wǎng)頁中可展示的圖片數(shù)量。
[0185]A5、根據(jù)Al所述的方法，所述在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，將所收集的圖片在全屏查看圖片窗口中加載并顯示，包括:
[0186]在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，觸發(fā)所述瀏覽器在所述當前網(wǎng)頁上執(zhí)行滾動條操作，使?jié)L動條離開所述當前網(wǎng)頁的當前位置，從所述當前網(wǎng)頁的初始位置滾動到所述當前網(wǎng)頁的終止位置，遍歷所述當前網(wǎng)頁；
[0187]在遍歷所述當前網(wǎng)頁的過程中，觸發(fā)當前網(wǎng)頁中的腳本語言，收集當前網(wǎng)頁中可進行全屏顯示同時未從當前網(wǎng)頁DOM樹中識別收集到的圖片；
[0188]在遍歷所述當前網(wǎng)頁的過程完成之后，所述滾動條回到所述當前位置；
[0189]將通過觸發(fā)腳本語言收集到的圖片在全屏查看圖片窗口中加載并顯示。
[0190]A6、根據(jù)Al所述的方法，所述在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，將所收集的圖片在全屏查看圖片窗口中加載并顯示，包括:[0191]在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，根據(jù)預設配置文件中的配置信息，識別并獲取所述已加載完畢的當前網(wǎng)頁的下一頁頁面；
[0192]遍歷所述下一頁頁面的DOM樹中的各個節(jié)點，確定所述下一頁頁面中可進行全屏顯示的圖片所在的節(jié)點，并從所述確定的下一頁頁面的節(jié)點中獲取下一頁頁面中可進行全屏顯示的圖片的圖片信息，根據(jù)獲取的所述下一頁頁面的圖片信息收集所述下一頁頁面圖片信息對應的圖片；
[0193]將收集到的所述下一頁頁面的圖片在全屏查看圖片窗口中加載并顯示。
[0194]A7、根據(jù)A6所述的方法，根據(jù)預設配置文件中的配置信息，識別并獲取所述已加載完畢的當前網(wǎng)頁的下一頁頁面，包括:
[0195]從所述配置文件中獲取所述已加載完畢的當前網(wǎng)頁的下一頁頁面的識別策略；其中，所述識別策略，包括:針對不同的網(wǎng)站，設置的與網(wǎng)站相匹配的下一頁選項的標準標識；
[0196]獲取所述已加載完畢的當前網(wǎng)頁中的下一頁選項的標識，判斷所述標識是否滿足所述識別策略；
[0197]若滿足，則觸發(fā)所述下一頁選項，獲取所述下一頁頁面。
[0198]A8、根據(jù)A6所述的方法，還包括:
[0199]將收集到的下一頁頁面中可全屏顯示的圖片更新至所述全屏查看圖片窗口中，在所述全屏查看圖片窗口中加載并顯示收集到的當前頁中的圖片和收集到的下一頁頁面中的圖片。
[0200]A9、根據(jù)A1-A8任一所述的方法，
[0201]所述全屏查看圖片窗口是一個位于所述瀏覽器當前頁面之上、可根據(jù)用戶設置配置背景顏色的全屏窗口 ；所述全屏查看圖片窗口中包括:套圖保存選項和縮略圖顯示窗Π ；
[0202]所述方法還包括:
[0203]觸發(fā)套圖保存選項后，確定所述全屏查看圖片窗口中當前顯示的圖片的類別；
[0204]獲取與所述當前顯示的圖片屬于同一類別的其它圖片并保存至內存中；
[0205]在所述縮略圖顯示窗口中顯示獲取的所述其它圖片的縮略圖。
[0206]AlO、根據(jù)A1-A8任一所述的方法，
[0207]所述入口提示子窗是所述當前網(wǎng)頁頁面中的一個浮層窗口、和/或瀏覽器彈窗、和/或瀏覽器地址欄中的子窗口。
[0208]本發(fā)明還公開了 B11、一種在瀏覽器中顯示圖片的裝置，包括:
[0209]第一圖片信息獲取模塊，用于在瀏覽器側加載當前網(wǎng)頁，從當前網(wǎng)頁的文件對象模型DOM樹中獲取當前網(wǎng)頁中可進行全屏顯示的圖片的圖片信息；
[0210]第一圖片收集模塊，用于在瀏覽器后臺進行所述圖片信息對應圖片的收集；
[0211]窗口加載模塊，用于在所述瀏覽器中加載全屏查看當前網(wǎng)頁中圖片的入口提示子窗，并根據(jù)所述圖片信息在所述入口提示子窗中加載提示信息；
[0212]第一圖片加載顯示模塊，用于在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，將所收集的圖片在全屏查看圖片窗口中加載并顯示。
[0213]B12、根據(jù)Bll所述的裝置，所述第一圖片信息獲取模塊，包括:[0214]節(jié)點遍歷模塊，用于遍歷所述當前網(wǎng)頁DOM樹中的各個節(jié)點，確定所述當前網(wǎng)頁中可進行全屏顯示的圖片所在的節(jié)點；
[0215]第二圖片信息獲取模塊，用于從所述確定的節(jié)點中獲取當前網(wǎng)頁中可進行全屏顯示的圖片的圖片信息；
[0216]其中，所述圖片信息包括:圖片的數(shù)量、圖片的尺寸大小、圖片的像素、圖片在所述當前網(wǎng)頁中的位置、圖片的源地址和圖片描述信息中的至少一種信息。
[0217]B13、根據(jù)B12所述的裝置，所述節(jié)點遍歷模塊，包括:
[0218]節(jié)點獲取模塊，用于獲取所述DOM樹中的圖片節(jié)點，并獲取所述圖片節(jié)點中存儲的圖片信息；
[0219]節(jié)點篩選模塊，用于根據(jù)所述圖片信息中的圖片尺寸大小信息，從所述圖片節(jié)點中篩選得到滿足預置圖片尺寸大小的節(jié)點；
[0220]節(jié)點確定模塊，用于將所述滿足預置圖片尺寸大小的節(jié)點確定為所述當前網(wǎng)頁中可進行全屏顯示的圖片所在的節(jié)點。
[0221]B14、根據(jù)B13所述的裝置，所述窗口加載模塊，包括:
[0222]節(jié)點統(tǒng)計模塊，用于統(tǒng)計所述滿足預置圖片尺寸大小的節(jié)點個數(shù)；
[0223]入口提示子窗加載模塊，用于在統(tǒng)計結果滿足設定數(shù)值時，在所述瀏覽器中加載全屏查看當前網(wǎng)頁中圖片的入口提示子窗；
[0224]提示信息加載模塊，用于根據(jù)所述圖片信息中的圖片數(shù)量信息，在所述入口提示子窗口中加載提示信息，其中，所述提示信息用于提示當前網(wǎng)頁中可展示的圖片數(shù)量。
[0225]B15、根據(jù)BlO所述的裝置，所述第一圖片加載顯示模塊，包括:
[0226]第一滾動條操作模塊，用于在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，觸發(fā)所述瀏覽器在所述當前網(wǎng)頁上執(zhí)行滾動條操作，使?jié)L動條離開所述當前網(wǎng)頁的當前位置，從所述當前網(wǎng)頁的初始位置滾動到所述當前網(wǎng)頁的終止位置，遍歷所述當前網(wǎng)頁；
[0227]第二圖片收集模塊，用于在遍歷所述當前網(wǎng)頁的過程中，觸發(fā)當前網(wǎng)頁中的腳本語言，收集當前網(wǎng)頁中可進行全屏顯示同時未從當前網(wǎng)頁DOM樹中識別收集到的圖片；
[0228]第二滾動條操作模塊，用于在遍歷所述當前網(wǎng)頁的過程完成之后，所述滾動條回到所述當前位置；
[0229]第二圖片加載顯示模塊，用于將通過觸發(fā)腳本語言收集到的圖片在全屏查看圖片窗口中加載并顯示。
[0230]B16、根據(jù)BlO所述的裝置，所述第一圖片加載顯示模塊，包括:
[0231]下一頁頁面識別獲取模塊，用于在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，根據(jù)預設配置文件中的配置信息，識別并獲取所述已加載完畢的當前網(wǎng)頁的下一頁頁面；
[0232]下一頁頁面圖片收集模塊，用于遍歷所述下一頁頁面的DOM樹中的各個節(jié)點，確定所述下一頁頁面中可進行全屏顯示的圖片所在的節(jié)點，并從所述確定的下一頁頁面的節(jié)點中獲取下一頁頁面中可進行全屏顯示的圖片的圖片信息，根據(jù)獲取的所述下一頁頁面的圖片信息收集所述下一頁頁面圖片信息對應的圖片；
[0233]第三圖片加載顯示模塊，用于將收集到的所述下一頁頁面的圖片在全屏查看圖片窗口中加載并顯示。
[0234]B17、根據(jù)B16所述的裝置，所述下一頁頁面識別獲取模塊，包括:
[0235]識別策略獲取模塊，用于從所述配置文件中獲取所述已加載完畢的當前網(wǎng)頁的下一頁頁面的識別策略；其中，所述識別策略，包括:針對不同的網(wǎng)站，設置的與網(wǎng)站相匹配的下一頁選項的標準標識；
[0236]識別策略判斷模塊，用于獲取所述已加載完畢的當前網(wǎng)頁中的下一頁選項的標識，判斷所述標識是否滿足所述識別策略；
[0237]下一頁頁面獲取模塊，用于在所述標識滿足所述識別策略時，觸發(fā)所述下一頁選項，獲取所述下一頁頁面。
[0238]B18、根據(jù)B16所述的裝置，還包括:
[0239]圖片更新模塊，用于將收集到的下一頁頁面中可全屏顯示的圖片更新至所述全屏查看圖片窗口中，在所述全屏查看圖片窗口中加載并顯示收集到的當前頁中的圖片和收集到的下一頁頁面中的圖片。
[0240]B19、根據(jù)B10-B18任一所述的裝置，所述全屏查看圖片窗口是一個位于所述瀏覽器當前頁面之上、可根據(jù)用戶設置配置背景顏色的全屏窗口 ；所述全屏查看圖片窗口中包括:套圖保存選項和縮略圖顯不窗口 ；
[0241]所述裝置還包括:
[0242]類別確定模塊，用于在觸發(fā)套圖保存選項后，確定所述全屏查看圖片窗口中當前顯示的圖片的類別；
[0243]圖片獲取模塊，用于獲取與所述當前顯示的圖片屬于同一類別的其它圖片并保存至內存中；
[0244]縮略圖顯示模塊，用于在所述縮略圖顯示窗口中顯示獲取的所述其它圖片的縮略圖。
[0245]B20、根據(jù)B10-B18任一所述的裝置，所述入口提示子窗是所述當前網(wǎng)頁頁面中的一個浮層窗口、和/或瀏覽器彈窗、和/或瀏覽器地址欄中的子窗口。
【權利要求】
1.一種在瀏覽器中顯示圖片的方法，包括: 在瀏覽器側加載當前網(wǎng)頁，從當前網(wǎng)頁的文件對象模型DOM樹中獲取當前網(wǎng)頁中可進行全屏顯示的圖片的圖片信息，并在瀏覽器后臺進行所述圖片信息對應圖片的收集； 在所述瀏覽器中加載全屏查看當前網(wǎng)頁中圖片的入口提示子窗，并根據(jù)所述圖片信息在所述入口提示子窗中加載提示信息； 在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，將所收集的圖片在全屏查看圖片窗口中加載并顯示。
2.根據(jù)權利要求1所述的方法，其特征在于，所述從當前網(wǎng)頁的文件對象模型DOM樹中獲取當前網(wǎng)頁中可進行全屏顯示的圖片的圖片信息，包括: 遍歷所述當前網(wǎng)頁DOM樹中的各個節(jié)點，確定所述當前網(wǎng)頁中可進行全屏顯示的圖片所在的節(jié)點，并從所述確定的節(jié)點中獲取當前網(wǎng)頁中可進行全屏顯示的圖片的圖片信息；其中，所述圖片信息包括:圖片的數(shù)量、圖片的尺寸大小、圖片的像素、圖片在所述當前網(wǎng)頁中的位置、圖片的源地址和圖片描述信息中的至少一種信息。
3.根據(jù)權利要求2所述的方法，其特征在于，所述確定所述當前網(wǎng)頁中可進行全屏顯示的圖片所在的節(jié)點，包括 : 獲取所述DOM樹中的圖片節(jié)點，并獲取所述圖片節(jié)點中存儲的圖片信息； 根據(jù)所述圖片信息中的圖片尺寸大小信息，從所述圖片節(jié)點中篩選得到滿足預置圖片尺寸大小的節(jié)點； 將所述滿足預置圖片尺寸大小的節(jié)點確定為所述當前網(wǎng)頁中可進行全屏顯示的圖片所在的節(jié)點。
4.根據(jù)權利要求3所述的方法，其特征在于，所述在所述瀏覽器中加載全屏查看當前網(wǎng)頁中圖片的入口提示子窗，并根據(jù)所述圖片信息在所述入口提示子窗中加載提示信息，包括: 統(tǒng)計所述滿足預置圖片尺寸大小的節(jié)點個數(shù)； 當統(tǒng)計結果滿足設定數(shù)值時，在所述瀏覽器中加載全屏查看當前網(wǎng)頁中圖片的入口提不子窗； 并根據(jù)所述圖片信息中的圖片數(shù)量信息，在所述入口提示子窗口中加載提示信息，其中，所述提示信息用于提示當前網(wǎng)頁中可展示的圖片數(shù)量。
5.根據(jù)權利要求1所述的方法，其特征在于，所述在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，將所收集的圖片在全屏查看圖片窗口中加載并顯示，包括: 在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，觸發(fā)所述瀏覽器在所述當前網(wǎng)頁上執(zhí)行滾動條操作，使?jié)L動條離開所述當前網(wǎng)頁的當前位置，從所述當前網(wǎng)頁的初始位置滾動到所述當前網(wǎng)頁的終止位置，遍歷所述當前網(wǎng)頁； 在遍歷所述當前網(wǎng)頁的過程中，觸發(fā)當前網(wǎng)頁中的腳本語言，收集當前網(wǎng)頁中可進行全屏顯示同時未從當前網(wǎng)頁DOM樹中識別收集到的圖片； 在遍歷所述當前網(wǎng)頁的過程完成之后，所述滾動條回到所述當前位置； 將通過觸發(fā)腳本語言收集到的圖片在全屏查看圖片窗口中加載并顯示。
6.根據(jù)權利要求1所述的方法，其特征在于，所述在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，將所收集的圖片在全屏查看圖片窗口中加載并顯示，包括: 在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，根據(jù)預設配置文件中的配置信息，識別并獲取所述已加載完畢的當前網(wǎng)頁的下一頁頁面； 遍歷所述下一頁頁面的DOM樹中的各個節(jié)點，確定所述下一頁頁面中可進行全屏顯示的圖片所在的節(jié)點，并從所述確定的下一頁頁面的節(jié)點中獲取下一頁頁面中可進行全屏顯示的圖片的圖片信息，根據(jù)獲取的所述下一頁頁面的圖片信息收集所述下一頁頁面圖片信息對應的圖片； 將收集到的所述下一頁頁面的圖片在全屏查看圖片窗口中加載并顯示。
7.根據(jù)權利要求6所述的方法，其特征在于，根據(jù)預設配置文件中的配置信息，識別并獲取所述已加載完畢的當前網(wǎng)頁的下一頁頁面，包括: 從所述配置文件中獲取所述已加載完畢的當前網(wǎng)頁的下一頁頁面的識別策略；其中，所述識別策略，包括:針對不同的網(wǎng)站，設置的與網(wǎng)站相匹配的下一頁選項的標準標識；獲取所述已加載完畢的當前網(wǎng)頁中的下一頁選項的標識，判斷所述標識是否滿足所述識別策略； 若滿足，則觸發(fā)所述下一頁選項，獲取所述下一頁頁面。
8.一種在瀏覽器中顯示圖片的裝置，包括: 第一圖片信息獲取模塊，用于在瀏覽器側加載當前網(wǎng)頁，從當前網(wǎng)頁的文件對象模型DOM樹中獲取當前網(wǎng)頁中可進行全屏顯示的圖片的圖片信息； 第一圖片收集模塊，用于在瀏覽器后臺進行所述圖片信息對應圖片的收集； 窗口加載模塊，用于在所述瀏覽器中加載全屏查看當前網(wǎng)頁中圖片的入口提示子窗，并根據(jù)所述圖片信息在所述入口提示子窗中加載提示信息； 第一圖片加載顯示模塊，用于在接收到用戶根據(jù)所述提示信息對所述入口提示子窗的觸發(fā)操作后，將所收集的圖片在全屏查看圖片窗口中加載并顯示。
9.根據(jù)權利要求8所述的裝置，其特征在于，所述第一圖片信息獲取模塊，包括: 節(jié)點遍歷模塊，用于遍歷所述當前網(wǎng)頁DOM樹中的各個節(jié)點，確定所述當前網(wǎng)頁中可進行全屏顯示的圖片所在的節(jié)點； 第二圖片信息獲取模塊，用于從所述確定的節(jié)點中獲取當前網(wǎng)頁中可進行全屏顯示的圖片的圖片信息； 其中，所述圖片信息包括:圖片的數(shù)量、圖片的尺寸大小、圖片的像素、圖片在所述當前網(wǎng)頁中的位置、圖片的源地址和圖片描述信息中的至少一種信息。
10.根據(jù)權利要求9所述的裝置，其特征在于，所述節(jié)點遍歷模塊，包括: 節(jié)點獲取模塊，用于獲取所述DOM樹中的圖片節(jié)點，并獲取所述圖片節(jié)點中存儲的圖片息; 節(jié)點篩選模塊，用于根據(jù)所述圖片信息中的圖片尺寸大小信息，從所述圖片節(jié)點中篩選得到滿足預置圖片尺寸大小的節(jié)點； 節(jié)點確定模塊，用于將所述滿足預置圖片尺寸大小的節(jié)點確定為所述當前網(wǎng)頁中可進行全屏顯示的圖片所在的節(jié)點。
【文檔編號】G06F17/30GK103544272SQ201310493302
【公開日】2014年1月29日 申請日期:2013年10月18日 優(yōu)先權日:2013年10月18日
【發(fā)明者】杭程, 侯志剛, 歐勝 申請人:北京奇虎科技有限公司, 奇智軟件（北京）有限公司