一種基於網頁的圖片顯示方法和裝置的製作方法

2023-05-08 06:47:01

專利名稱：一種基於網頁的圖片顯示方法和裝置的製作方法
技術領域：
本發明涉及瀏覽器技術領域，特別是涉及一種基於網頁的圖片顯示方法和裝置。
背景技術：
網際網路的迅猛發展，加速了信息的數位化進程，而其中圖片、圖表、版式、文件、多媒體等就佔了 80%以上，圖片以其直觀、色彩強烈、表現力強、格式豐富、傳輸快(相對其他多媒體信息)而越來越受到青睞，圖片已成為媒體數字資源的重要組成部分。在瀏覽器中瀏覽包含圖片的網頁時，如看漫畫時，圖片按照漫畫的順序在網頁中顯示，用戶通過點擊「上一頁」或「下一頁」按鈕，或者拖動滾動條的方式來切換漫畫圖片進行顯示。還有一種方式是將網頁中的圖片文件通過下載工具下載到本地進行瀏覽，上述圖 片的顯示依附於網頁或下載工具，顯示方式單一。

發明內容
本發明所要解決的技術問題是提供一種基於網頁的圖片顯示方法和裝置，以解決現有技術不能對網頁中的圖片進行個性化顯示和管理的問題。為了解決上述問題，本發明公開了一種基於網頁的圖片顯示方法，包括基於當前顯示網頁的URL，判斷該網頁是否屬於預設的圖片顯示類網頁；如果是，基於對當前網頁的DOM樹解析結果，獲取當前網頁中的圖片；在網頁瀏覽器主窗口上創建一個顯示窗口，在該顯示窗口中加載所獲取的當前網頁中的圖片。優選的，所述在顯示窗口中加載所獲取的圖片包括漫畫類圖片、報刊類圖片、書籍類圖片中的至少一種。優選的，所述判斷該網頁是否屬於預設的圖片顯示類網頁，包括以下步驟對當前網頁的URL進行解析，得到URL的域名及其中的關鍵字；判斷所述域名是否屬於預設的URL名單中的域名；判斷所述關鍵字是否與圖書、圖片相關聯；當所述域名屬於預設的URL名單中的域名或所述關鍵字與圖書、圖片相關聯時，確定該網頁屬於預設的圖片顯示類網頁。優選的，所述基於對當前網頁的DOM樹解析結果，獲取當前網頁中的圖片的步驟包括遍歷DOM樹解析結果，生成圖片獲取模式，其中所述圖片獲取模式包括定位路徑；根據所述圖片獲取模式，編寫擴展樣式錶轉換文檔；根據所述擴展樣式錶轉換文檔轉換DOM樹解析結果中的節點，生成只保留所述定位路徑指定節點的，包括圖片的XML文檔； 在所述XML文檔中獲取所述圖片的下載地址，下載得到所述圖片。
優選的，所述在該顯示窗口中加載所獲取的當前網頁中的圖片的步驟包括根據所述網頁中的圖片對應的唯一編號的順序規則，在所述顯示窗口中順序加載顯示所述圖片。優選的，所述在網頁瀏覽器主窗口上創建一個顯示窗口，包括獲取網頁瀏覽器頁籤的瀏覽器窗口 ；獲取瀏覽器窗口的Container窗口 ；以Container為父窗口創建Popup類型窗口。優選的，進一步包括
通過分析網頁中文字信息的腳本文件，確定與所述在顯示窗口中加載的圖片具有對應關係的文字信息；並將所述文字信息與圖片一同加載顯示在所述顯示窗口中。優選的，進一步包括在所述顯示窗口中顯示圖片時，預先加載當前圖片的下一張圖片，並對下一張圖片通過小圖標進行預覽。優選的，進一步包括檢測當前網頁的下一頁的URL ；基於下一頁的URL，判斷下一頁是否屬於預設的圖片顯示類網頁；如果是，基於對下一頁的DOM樹解析結果，預先獲取下一頁中的圖片。優選的，還包括接收用戶操作，將所述在顯示窗口中加載的圖片保存為PDF文件。優選的，還包括在所述網頁瀏覽器所處的作業系統的桌面上創建顯示窗口，在該顯示窗口中加載所獲取的當前網頁中的圖片。本發明還公開了一種基於網頁的圖片顯示裝置，包括第一網頁判斷模塊，其配置為基於當前顯示網頁的URL，判斷該網頁是否屬於預設的圖片顯示類網頁；第一圖片獲取模塊，其配置為如果當前網頁屬於預設的圖片顯示類網頁，基於對當前網頁的DOM樹解析結果，獲取當前網頁中的圖片；第一顯示窗口創建模塊，其配置為在網頁瀏覽器主窗口上創建一個顯示窗口 ；第一圖片加載模塊，其配置為在所述顯示窗口中加載所獲取的當前網頁中的圖片。優選的，所述在顯示窗口中加載所獲取的圖片包括漫畫類圖片、報刊類圖片、書籍類圖片中的至少一種。優選的，所述第一網頁判斷模塊包括URL解析子模塊，其配置為對當前網頁的URL進行解析，得到URL的域名及其中的關鍵字;域名判斷子模塊，其配置為判斷所述域名是否屬於預設的URL名單中的域名；關鍵字判斷子模塊，其配置為判斷所述關鍵字是否與圖書、圖片相關聯；網頁確定子模塊，其配置為當所述域名屬於預設的URL名單中的域名或所述關鍵字與圖書、圖片相關聯時，確定該網頁屬於預設的圖片顯示類網頁。
優選的，所述第一圖片獲取模塊包括獲取模式生成子模塊，其配置為遍歷DOM樹解析結果，生成圖片獲取模式，其中所述圖片獲取模式包括定位路徑；擴展樣式錶轉換文檔編寫子模塊，其配置為根據所述圖片獲取模式，編寫擴展樣式錶轉換文檔；XML文檔生成子模塊，其配置為根據所述擴展樣式錶轉換文檔轉換DOM樹解析結果中的節點，生成只保留所述定位路徑指定節點的，包括圖片的XML文檔；圖片獲取子模塊，其配置為在所述XML文檔中獲取所述圖片的下載地址，下載得到所述圖片。優選的，所述第一圖片加載模塊根據所述網頁中的圖片對應的唯一編號的順序規貝U，在所述顯示窗口中順序加載顯示所述圖片。 優選的，所述第一顯示窗口創建模塊包括瀏覽器窗口獲取子模塊，其配置為獲取網頁瀏覽器頁籤的瀏覽器窗口 ；Container窗口獲取子模塊,其配置為獲取瀏覽器窗口的Container窗口 ；Popup類型窗口創建子模塊，其配置為以Container為父窗口創建Popup類型窗□。優選的，進一步包括文字信息確定顯示模塊，其配置為通過分析網頁中文字信息的腳本文件，確定與所述在顯示窗口中加載的圖片具有對應關係的文字信息；並將所述文字信息與圖片一同加載顯示在所述顯示窗口中。優選的，進一步包括預先加載模塊，其配置為在所述顯示窗口中顯示圖片時，預先加載當前圖片的下一張圖片，並對下一張圖片通過小圖標進行預覽。優選的，進一步包括URL檢測模塊，其配置為檢測當前網頁的下一頁的URL ；第二網頁判斷模塊，其配置為基於下一頁的URL，判斷下一頁是否屬於預設的圖片顯示類網頁；第二圖片獲取模塊，其配置為如果下一頁屬於預設的圖片顯示類網頁，基於對下一頁的DOM樹解析結果，預先獲取下一頁中的圖片。優選的，還包括圖片保存模塊，其配置為接收用戶操作，將所述在顯示窗口中加載的圖片保存為PDF文件。優選的，還包括第二顯示窗口創建模塊，其配置為在所述網頁瀏覽器所處的作業系統的桌面上創建顯示窗口；第二圖片加載模塊，其配置為在該顯示窗口中加載所獲取的當前網頁中的圖片。與現有技術相比，本發明包括以下優點本發明提出的一種基於網頁的圖片顯示方法和裝置，判斷當前網頁的URL是否屬於預設的圖片顯示類網頁，如果是，獲取當前網頁中的圖片，並加載在創建的顯示窗口中進行顯示。增加了網頁中圖片的顯示方式，並可以對網頁中的圖片進行管理，提高了用戶的操作靈活度。


圖I是本發明實施例一所述一種基於網頁的圖片顯示方法流程圖；圖2是本發明實施例二所述一種基於網頁的圖片顯示方法流程圖；圖3是本發明實施例二所述一種基於網頁的圖片顯示方法中步驟21的流程圖；圖4是本發明實施例二所述一種基於網頁的圖片顯示方法中步驟22的流程圖；圖5是本發明實施例二所述一種基於網頁的圖片顯示方法中步驟23的流程圖；圖6是本發明實施例三所述一種基於網頁的圖片顯示裝置結構圖； 圖7是本發明實施例四所述一種基於網頁的圖片顯示裝置結構圖；圖8是本發明實施例四所述一種基於網頁的圖片顯示裝置中第一網頁判斷模塊401的結構圖；圖9是本發明實施例四所述一種基於網頁的圖片顯示裝置中第一圖片獲取模塊402的結構圖；圖10是本發明實施例四所述一種基於網頁的圖片顯示裝置中第一顯示窗口創建模塊403的結構圖。
具體實施例方式為使本發明的上述目的、特徵和優點能夠更加明顯易懂，下面結合附圖和具體實施方式
對本發明作進一步詳細的說明。本發明提出的一種基於網頁的圖片顯示方法和裝置，通過判斷當前網頁的統一資源定位符(Uniform/Universal Resource Locator, URL),也稱為網頁地址進行分析，是否屬於預先設定的圖片顯示類網頁，如果屬於，獲取當前網頁中的圖片，並在創建的顯示窗口中顯示。本發明提出的一種基於網頁的圖片顯示方法和裝置，涉及到對文檔對象模型(Document Object Model, D0M)進行解析。DOM是一種用於可擴展標記語言(ExtensibleMarkup Language, XML)文檔的對象模型,可用於直接訪問XML文檔的各個部分。在DOM中，文檔被模擬為樹狀，其中XML語法的每個組成部分(例如元素或文本內容)都被表示為一個節點。作為一種應用程式編程接口(Application Programming Interface,API),DOM 允許遍歷文檔樹，從父節點移動到子節點和兄弟節點等，並可以利用各種節點類型特有的屬性(元素具有屬性)。DOM樹是指通過DOM將超文本標記語言(HyperText Markup Language,HTML)頁面進行解析，並生成HTML樹樹狀結構和對應的訪問方法。解析DOM樹，能直接而且簡易的操作HTML頁面上的每個標記內容。下面通過列舉幾個具體的實施例詳細介紹本發明提出的一種基於網頁的圖片顯示方法和裝置。實施例一，詳細介紹本發明提供的一種基於網頁的圖片顯示方法。參照圖1，示出了本發明實施例一所述一種基於網頁的圖片顯示方法流程圖。
步驟11，基於當前顯示網頁的URL，判斷該網頁是否屬於預設的圖片顯示類網頁；在瀏覽網頁時，每個網頁對應唯一一個URL，判斷所述URL是否屬於預設的圖片顯示類網頁。步驟12，如果是，基於對當前網頁的DOM樹解析結果，獲取當前網頁中的圖片；在步驟11對當前網頁的URL進行判斷後，如果當前網頁屬於某一預先設定的圖片顯示類網頁，基於DOM樹解析結果中的元素、節點和文本等，獲取得到當前網頁中的圖片。基於DOM樹解析結果獲得所述圖片，是利用網頁中圖片的原始數據，經過分析、提取得到所述圖片；步驟13，在網頁瀏覽器主窗口上創建一個顯示窗口，在該顯示窗口中加載所獲取的當前網頁中的圖片
在網頁瀏覽器主窗口上創建一個顯示窗口，該窗口可以是一個傳統意義上的窗口 ；也可以是一個虛擬出來的窗口，作為顯示圖片的一個載體。在所述顯示窗口內，將步驟12中所獲得的圖片加載顯示出來。綜上所述，本發明實施例一提出的一種基於網頁的圖片顯示方法，與現有技術相t匕，具有以下優點本發明實施例一提出的一種基於網頁的圖片顯示方法，判斷當前網頁的URL是否屬於預設的圖片顯示類網頁，如果是，獲取當前網頁中的圖片，並加載在創建的顯示窗口中進行顯示。增加了網頁中圖片的顯示方式，並可以對網頁中的圖片進行管理，提高了用戶的操作靈活度。實施例二，詳細介紹本發明提供的一種基於網頁的圖片顯示方法。參照圖2，示出了本發明實施例二所述一種基於網頁的圖片顯示方法流程圖。參照圖3，示出了本發明實施例二所述一種基於網頁的圖片顯示方法中步驟21的流程圖。步驟21，基於當前顯示網頁的URL，判斷該網頁是否屬於預設的圖片顯示類網頁；在瀏覽網頁時，每個網頁對應唯一一個URL，判斷所述URL是否屬於預設的圖片顯示類網頁。步驟21包括以下步驟步驟211，對當前網頁的URL進行解析，得到URL的域名及其中的關鍵字；對當前網頁的URL進行解析，得到當前網頁的URL的各組成部分內容，從中得到URL的域名及其中的關鍵字。例如，當前網頁的URL為^http: //www. narutom. com/onepiece/manhua/15199. html，，,其中，「www. narutom. com」是域名，，「manhua」是其中的關鍵字。步驟212，判斷所述域名是否屬於預設的URL名單中的域名；通過步驟211得到當前網頁的域名「www. narutom. com」後,判斷所述當前網頁的域名是否屬於預設的URL名單中的域名。例如，當前網頁的域名是「www. narutom. com」,判斷「www. narutom. com」是否屬於與預先設定的URL名單中的域名。步驟213，判斷所述關鍵字是否與圖書、圖片相關聯；得到的所述關鍵字為「manhua」，判斷所述「manhua」關鍵字是否與圖書、圖片相關聯。步驟214，當所述域名屬於預設的URL名單中的域名或所述關鍵字與圖書、圖片相關聯時，確定該網頁屬於預設的圖片顯示類網頁；如果預設的URL名單中包含「www. narutom. com」，則所述域名「www. narutom. com」屬於預設的URL名單中的域名；所述關鍵字「manhua」表示的意思為「漫畫」，與圖書、圖片現關聯，則確定當前網頁屬於預設的圖片顯示類網頁。其中判斷的條件包括域名和關鍵字，當這兩個條件中滿足任意一個條件，即可判斷所述當前網頁屬於預設的圖片顯示類網頁。參照圖4，示出了本發明實施例二所述一種基於網頁的圖片顯示方法中步驟22的流程圖。
步驟22，如果是，基於對當前網頁的DOM樹解析結果獲取當前網頁中的圖片；在步驟21對當前網頁進行判斷後，當前網頁屬於預先設定的圖片顯示類網頁，基於DOM樹解析結果中的元素、節點和文本等，獲取得到當前網頁中的圖片。所述步驟22包括步驟221，遍歷DOM樹解析結果，生成圖片獲取模式，其中所述圖片獲取模式包括定位路徑；生成圖片獲取模式分兩個步驟(I)歸納樣本網頁信息塊定位路徑；(2)定位信息塊內信息點路徑。(I)歸納樣本網頁信息塊定位路徑，根據用戶提供的樣本網頁的結構特點，將樣本網頁按相似結構分塊，本發明實施例二所要獲取的圖片就位於這些相似結構的信息塊中，即，被提取信息點位於結構相似的信息塊內，各信息點之間沒有其他信息。(2)定位信息塊內信息點路徑，確定了樣本網頁中信息塊的定位路徑之後，可以通過在信息塊內先序遍歷得到具體信息點的定位路徑，這個定位路徑用XPath表示，XPath是一門在XML文檔中查找信息的語言。XPath用於在XML文檔中通過元素和屬性進行導航。步驟222，根據所述圖片獲取模式，編寫擴展樣式錶轉換文檔；根據所述圖片獲取模式，利用歸納學習得到的XPath，編寫擴展樣式錶轉換文檔。步驟223，根據所述擴展樣式錶轉換文檔轉換DOM樹解析結果中的節點，生成只保留所述定位路徑指定節點的，包括圖片的XML文檔；根據所述擴展樣式錶轉換文檔轉換DOM樹解析結果中的節點，生成一個XML文檔，這個XML文檔中只保留XPath指定的包括圖片的節點。步驟224，在所述XML文檔中獲取所述圖片的下載地址，下載得到所述圖片；所述XML文檔中保存有所述圖片的下載地址信息，根據所述下載地址信息，下載得到所述圖片。參照圖5，示出了本發明實施例二所述一種基於網頁的圖片顯示方法中步驟23的流程圖。步驟23，在網頁瀏覽器主窗口上創建一個顯示窗口，在該顯示窗口中加載所獲取的當前網頁中的圖片；
在網頁瀏覽器所處的作業系統桌面上創建一個顯示窗口，該窗口可以是一個傳統意義上的窗口，如Windows作業系統中的窗口 ；也可以是一個虛擬出來的窗口，作為顯示圖片的一個載體。在所述顯示窗口內，將步驟22中所獲得的漫畫類圖片加載顯示出來。所述在顯示窗口中加載所獲取的圖片包括漫畫類圖片、報刊類圖片、書籍類圖片中的至少一種。在所述顯示窗口中顯示圖片時，預先加載當前圖片的下一張圖片，並對下一張圖片通過小圖標進行預覽。通過將網頁瀏覽器的組件對象模型(Component Object Model, com)組件傳遞到應用程式編程接口(Application Programming Interface, API)裡面,可以獲取下一張圖片的截圖。 所述步驟23包括步驟231，獲取網頁瀏覽器頁籤的瀏覽器窗口 ；根據所述圖片所在頁籤綁定的唯一 ID，確定與所述ID對應的頁籤數據，獲取其中的瀏覽器窗口。步驟232，獲取瀏覽器窗口的Container窗口 ；獲取到所述瀏覽器窗口後，根據所述瀏覽器窗口的屬性信息，獲取到Container(容器)窗口。步驟233,以Container為父窗口創建Popup類型窗口 ；以所述Container窗口為父窗口，在瀏覽器主窗口創建彈出類型的顯示窗口(具有ws_popup窗口風格)。步驟234，根據所述網頁中的圖片對應的唯一編號的順序規則，在所述顯示窗口中順序加載顯示所述圖片；如果當前網頁中的漫畫類圖片有10幅，編號依次為1、2、3……10，並且這10幅圖片按照編號由小到大的順序在當前網頁中排列，則這10幅圖片在所述顯示窗口中也按照1、2、3......10的順序加載顯示。步驟24，通過分析網頁中文字信息的腳本文件，確定與所述在顯示窗口中加載的圖片具有對應關係的文字信息；並將所述文字信息與圖片一同加載顯示在所述顯示窗口中；獲取到網頁中的文字信息，分析所述文字信息的腳本文件，根據腳本文件中的屬性信息，確定與所述在顯示窗口中加載的圖片具有對應關係的文字信息。本發明實施例二所述的一種基於網頁的圖片顯示方法，還可以實現檢測當前網頁的下一頁的URL;基於下一頁的URL，判斷下一頁是否屬於預設的圖片顯示類網頁；如果是，基於對下一頁的DOM樹解析結果，預先獲取下一頁中的圖片；在對當前網頁中的圖片進行在顯示窗口中加載顯示時，預先檢測當前網頁的下一頁的URL，對下一頁的URL進行判斷操作，如果下一頁屬於預設的圖片顯示類網頁，預先獲取下一頁中的圖片。並且，可以接收用戶操作，將所述在顯示窗口中加載的圖片保存為PDF文件；通過滑鼠右鍵點擊所述在顯示窗口中加載的圖片，選擇另存為PDF文件，也可以通過接收用戶的其他操作方式，進行保存操作，此處應理解為對用戶操作的限制條件。同時，也可以在所述網頁瀏覽器所處的作業系統的桌面上創建顯示窗口，在該顯示窗口中加載所獲取的當前網頁中的圖片。所述顯示窗口不僅可以創建在瀏覽器主窗口上，還可以創建在網頁瀏覽器所處的作業系統的桌面上，並在該顯示窗口中加載所獲取的當前網頁中的圖片。實施例三，詳細介紹本發明提供的一種基於網頁的圖片顯示裝置。參照圖6，示出了本發明實施例三所述一種基於網頁的圖片顯示裝置結構圖。所述一種基於網頁的圖片顯示裝置包括第一網頁判斷模塊31，第一圖片獲取模塊32，第一顯示窗口創建模塊33，以及，第一圖片加載模塊34。
下面分別詳細介紹各模塊的功能以及模塊之間的關係。第一網頁判斷模塊31，其配置為基於當前顯示網頁的URL，判斷該網頁是否屬於預設的圖片顯示類網頁；在瀏覽網頁時，每個網頁對應唯一一個URL，所述第一網頁判斷模塊31判斷所述URL是否屬於預設的圖片顯示類網頁。第一圖片獲取模塊32，其配置為如果當前網頁屬於預設的圖片顯示類網頁，基於對當前網頁的DOM樹解析結果，獲取當前網頁中的圖片；在所述第一網頁判斷模塊31對當前網頁進行判斷後，如果當前網頁屬於某一預先設定的圖片顯示類網頁，則所述第一圖片獲取模塊32基於DOM樹解析結果中的元素、節點和文本等，獲取得到當前網頁中的圖片。所述第一圖片獲取模塊32基於DOM樹解析結果獲得所述圖片，是利用網頁中圖片的原始數據，經過分析、提取得到所述圖片；第一顯示窗口創建模塊33，其配置為在網頁瀏覽器主窗口上創建一個顯示窗口 ；所述第一顯示窗口創建模塊33在網頁瀏覽器主窗口上創建一個顯示窗口，該窗口可以是一個傳統意義上的窗口 ；也可以是一個虛擬出來的窗口，作為顯不圖片的一個載體。第一圖片加載模塊34，其配置為在所述顯示窗口中加載所獲取的當前網頁中的圖片。在所述第一顯示窗口創建模塊33創建的顯示窗口內，所述第一圖片加載模塊34將所述第一圖片獲取模塊32所獲得的圖片加載顯示出來。綜上所述，本發明實施例三提出的一種基於網頁的圖片顯示裝置，與現有技術相t匕，具有以下優點本發明實施例三提出的一種基於網頁的圖片顯示裝置，判斷當前網頁的URL是否屬於預設的圖片顯示類網頁，如果是，獲取當前網頁中的圖片，並加載在創建的顯示窗口中進行顯示。增加了網頁中圖片的顯示方式，並可以對網頁中的圖片進行管理，提高了用戶的操作靈活度。實施例四，詳細介紹本發明提供的一種基於網頁的圖片顯示裝置。參照圖7，示出了本發明實施例四所述一種基於網頁的圖片顯示裝置結構圖。所述一種基於網頁的圖片顯示裝置包括
第一網頁判斷模塊401,第一圖片獲取模塊402,第一顯不窗口創建模塊403,第一圖片加載模塊404，以及，文字信息確定顯示模塊405。其中，所述第一網頁判斷模塊401包括URL解析子模塊4011，域名判斷子模塊4012，關鍵字判斷子模塊4013，以及，網頁確定子模塊4014。所述第一圖片獲取模塊402包括獲取模式生成子模塊4021，擴展樣式錶轉換文檔編寫子模塊4022，XML文檔生成子模塊4023，以及，圖片獲取子模塊4024。
所述第一顯示窗口創建模塊403包括瀏覽器窗口獲取子模塊4031，Container窗口獲取子模塊4032，以及，Popup類型窗口創建子模塊4033。下面分別詳細介紹各模塊的功能以及模塊之間的關係。參照圖8，示出了本發明實施例四所述一種基於網頁的圖片顯示裝置中第一網頁判斷模塊401的結構圖。第一網頁判斷模塊401，其配置為基於當前顯示網頁的URL，判斷該網頁是否屬於預設的圖片顯示類網頁；所述第一網頁判斷模塊401根據當前網頁的URL「http: //www. narutom. com/onepiece/manhua/15199. html，，，判斷當前網頁是否屬於某一預先設定的圖片顯示類網頁。所述第一網頁判斷模塊401包括URL解析子模塊4011，其配置為對當前網頁的URL進行解析，得到URL的域名及其中的關鍵字；所述URL解析子模塊4011對URL^http://www. narutom. com/onepiece/manhua/15199. html，，進行分析，得至丨J所述URL 的域名 「www. narutom. com」 以及關鍵字 「manhua」。域名判斷子模塊4012，其配置為判斷所述域名是否屬於預設的URL名單中的域名；所述域名判斷子模塊4012判斷當前網頁的域名「www. narutom. com」是否屬於預設的URL名單中的域名。關鍵字判斷子模塊4013，其配置為判斷所述關鍵字是否與圖書、圖片相關聯；得到的所述關鍵字為「manhua」，所述關鍵字判斷子模塊4013判斷所述「manhua」關鍵字是否與圖書、圖片相關聯。網頁確定子模塊4014，其配置為當所述域名屬於預設的URL名單中的域名或所述關鍵字與圖書、圖片相關聯時，確定該網頁屬於預設的圖片顯示類網頁；當域名「www. narutom. com」屬於預設的URL名單中的域名；所述關鍵字「manhua」表示的意思為「漫畫」，與圖書、圖片現關聯，所述網頁確定子模塊4014確定當前網頁屬於預設的圖片顯示類網頁。參照圖9，示出了本發明實施例四所述一種基於網頁的圖片顯示裝置中第一圖片獲取模塊402的結構圖。
第一圖片獲取模塊402，其配置為如果當前網頁屬於預設的圖片顯示類網頁，基於對當前網頁的DOM樹解析結果，獲取當前網頁中的圖片；當所述網頁確定子模塊4014判斷當前網頁屬於預先設定的圖片顯示類網頁時，所述第一圖片獲取模塊402基於DOM樹解析結果中的元素、節點和文本等，獲取得到所述網頁中的動漫類的圖片。所述第一圖片獲取模塊402包括獲取模式生成子模塊4021，其配置為遍歷DOM樹解析結果，生成圖片獲取模式，其中所述圖片獲取模式包括定位路徑；所述獲取模式生成子模塊4021通過遍歷DOM樹解析結果，歸納樣本網頁信息塊定位路徑，定位信息塊內信息點路徑，生成包括定位路徑圖片獲取模式。擴展樣式錶轉換文檔編寫子模塊4022，其配置為根據所述圖片獲取模式，編寫擴展樣式錶轉換文檔；所述擴展樣式錶轉換文檔編寫子模塊4022根據所述圖片獲取模式，利用歸納學習得到的XPath，編寫擴展樣式錶轉換文檔。XML文檔生成子模塊4023，其配置為根據所述擴展樣式錶轉換文檔轉換DOM樹解析結果中的節點，生成只保留所述定位路徑指定節點的，包括圖片的XML文檔；所述XML文檔生成子模塊4023根據所述擴展樣式錶轉換文檔轉換DOM樹解析結果中的節點，生成一個XML文檔，這個XML文檔中只保留XPath指定的包括圖片的節點。圖片獲取子模塊4024，其配置為在所述XML文檔中獲取所述圖片的下載地址，下載得到所述圖片；所述XML文檔中保存有所述圖片的下載地址信息，所述圖片獲取子模塊424根據所述下載地址信息，下載得到所述圖片。參照圖10，示出了本發明實施例四所述一種基於網頁的圖片顯示裝置中第一顯示窗口創建模塊403的結構圖。第一顯示窗口創建模塊403，其配置為在網頁瀏覽器主窗口上創建一個顯示窗Π ；所述第一顯示窗口創建模塊403在網頁瀏覽器主窗口上創建一個顯示窗口，該窗口可以是一個傳統意義上的窗口，如Windows作業系統中的窗口 ；也可以是一個虛擬出來的窗口，作為顯不圖片的一個載體。所述第一顯示窗口創建模塊403包括瀏覽器窗口獲取子模塊4031，其配置為獲取網頁瀏覽器頁籤的瀏覽器窗口 ；所述瀏覽器窗口獲取子模塊4031根據所述圖片所在頁籤綁定的唯一 ID，確定與所述ID對應的頁籤數據，獲取其中的瀏覽器窗口。Container窗口獲取子模塊4032，其配置為獲取瀏覽器窗口的Container窗口 ；所述Container窗口獲取子模塊4032獲取到所述瀏覽器窗口後，根據所述瀏覽器窗口的屬性信息，獲取到Container (容器)窗口。Popup類型窗口創建子模塊4033,其配置為以Container為父窗口創建Popup類
型窗口 ；所述Popup類型窗口創建子模塊4033以所述Container窗口為父窗口，在瀏覽器主窗口創建彈出類型的顯示窗口(具有ws_popup窗口風格)。第一圖片加載模塊404，其配置為在所述顯示窗口中加載所獲取的當前網頁中的圖片； 所述第一圖片加載模塊404在所述第一顯不窗口創建模塊403創建的顯不窗口中加載所獲取的當前網頁中的圖片。所述第一圖片加載模塊404根據所述網頁中的圖片對應的唯一編號的順序規則，在所述顯示窗口中順序加載顯示所述圖片。所述在顯示窗口中加載所獲取的圖片包括漫畫類圖片、報刊類圖片、書籍類圖片中的至少一種。文字信息確定顯示模塊405，其配置為通過分析網頁中文字信息的腳本文件，確定與所述在顯示窗口中加載的圖片具有對應關係的文字信息； 並將所述文字信息與圖片一同加載顯示在所述顯示窗口中。所述文字信息確定顯示模塊405分析網頁中文字信息的腳本文件，根據腳本文件中的屬性信息，確定與所述在顯示窗口中加載的圖片具有對應關係的文字信息。本發明實施例四所述一種基於網頁的圖片顯示裝置，還可以包括以下模塊預先加載模塊，其配置為在所述顯示窗口中顯示圖片時，預先加載當前圖片的下一張圖片，並對下一張圖片通過小圖標進行預覽；所述預先加載模塊通過將網頁瀏覽器的組件對象模型(Component ObjectModel, com)組件傳遞到應用程式編程接口(Application Programming Interface, API)裡面，可以獲取下一張圖片的截圖。URL檢測模塊，其配置為檢測當前網頁的下一頁的URL ；在對當前網頁中的圖片進行在顯示窗口中加載顯示時，所述URL檢測模塊預先檢測當前網頁的下一頁的URL。第二網頁判斷模塊，其配置為基於下一頁的URL，判斷下一頁是否屬於預設的圖片顯示類網頁；所述第二網頁判斷模塊基於所述URL檢測模塊預先檢測當前網頁的下一頁的URL，斷下一頁是否屬於預設的圖片顯示類網頁。第二圖片獲取模塊，其配置為如果下一頁屬於預設的圖片顯示類網頁，基於對下一頁的DOM樹解析結果，預先獲取下一頁中的圖片；如果所述第二網頁判斷模塊判斷下一頁屬於預設的圖片顯示類網頁，則所述第二圖片獲取模塊基於對下一頁的DOM樹解析結果，預先獲取下一頁中的圖片。圖片保存模塊，其配置為接收用戶操作，將所述在顯示窗口中加載的圖片保存為PDF文件；所述圖片保存模塊接收用戶滑鼠或者鍵盤等輸入操作，將所述在顯示窗口中加載的圖片保存為PDF文件。第二顯示窗口創建模塊，其配置為在所述網頁瀏覽器所處的作業系統的桌面上創建顯示窗口；所述第二顯示窗口創建模塊在網頁瀏覽器所處的作業系統的桌面上創建一個顯不窗口，該窗口可以是一個傳統意義上的窗口，如Windows作業系統中的窗口 ；也可以是一個虛擬出來的窗口，作為顯示圖片的一個載體。第二圖片加載模塊，其配置為在該顯示窗口中加載所獲取的當前網頁中的圖片。所述第二圖片加載模塊將所獲取的當前網頁中的圖片，在所述第二顯示窗口創建模塊創建的顯示窗口中加載顯示。對於前述的各方法實施例，為了簡單描述，故將其都表述為一系列的動作組合，但是本領域技術人員應該知悉，本發明實施例並不受所描述的動作順序的限制，因為依據本發明實施例，某些步驟可以採用其他順序或者同時進行。其次，本領域技術人員也應該知悉，說明書中所描述的實施例均屬於優選實施例，所涉及的動作和模塊並不一定是本發明實施例所必須的。對於裝置實施例而言，由於其與方法實施例基本相似，所以描述的比較簡單，相關之處參見方法實施例的部分說明即可。
本說明書中的各個實施例均採用遞進的方式描述，每個實施例重點說明的都是與其他實施例的不同之處，各個實施例之間相同相似的部分互相參見即可。上述本發明實施例中的方法和裝置適用於各種網絡或者客戶端環境中，例如可以實現在諸如個人計算機設備之類的計算機設備中，或者可以實現在諸如行動電話、移動通信設備、個人數字助理(PDA)等其他可攜式電子設備或者非可攜式電子設備中。因此本領域技術人員要明確的是，本發明的保護範圍並不限於PC上運行瀏覽器中的判斷當前網頁是否屬於預設的圖片顯示類網頁，並獲取當前網頁中圖片的功能和在創建的顯示窗口內加載所獲取的當前網頁中的圖片的功能，僅是出於描述的簡潔和方便而在本發明實施例中採用了 PC上運行瀏覽器中的判斷當前網頁是否屬於預設的圖片顯示類網頁，並獲取當前網頁中圖片的功能和在創建的顯示窗口內加載所獲取的當前網頁中的圖片的功能進行描述。以上對本發明所提供的一種基於網頁的圖片顯示方法和裝置，進行了詳細介紹，本文中應用了具體個例對本發明的原理及實施方式進行了闡述，以上實施例的說明只是用於幫助理解本發明的方法及其核心思想；同時，對於本領域的一般技術人員，依據本發明的思想，在具體實施方式
及應用範圍上均會有改變之處，綜上所述，本說明書內容不應理解為對本發明的限制。
權利要求
1.一種基於網頁的圖片顯示方法，其特徵在於，包括 基於當前顯示網頁的URL，判斷該網頁是否屬於預設的圖片顯示類網頁； 如果是，基於對當前網頁的DOM樹解析結果，獲取當前網頁中的圖片； 在網頁瀏覽器主窗口上創建一個顯示窗口，在該顯示窗口中加載所獲取的當前網頁中的圖片。
2.根據權利要求I所述的方法，其特徵在於，所述在顯示窗口中加載所獲取的圖片包括 漫畫類圖片、報刊類圖片、書籍類圖片中的至少一種。
3.根據權利要求I所述的方法，其特徵在於， 所述判斷該網頁是否屬於預設的圖片顯示類網頁，包括以下步驟 對當前網頁的URL進行解析，得到URL的域名及其中的關鍵字； 判斷所述域名是否屬於預設的URL名單中的域名； 判斷所述關鍵字是否與圖書、圖片相關聯； 當所述域名屬於預設的URL名單中的域名或所述關鍵字與圖書、圖片相關聯時，確定該網頁屬於預設的圖片顯示類網頁。
4.根據權利要求I所述的方法，其特徵在於， 所述基於對當前網頁的DOM樹解析結果，獲取當前網頁中的圖片的步驟包括 遍歷DOM樹解析結果，生成圖片獲取模式，其中所述圖片獲取模式包括定位路徑； 根據所述圖片獲取模式，編寫擴展樣式錶轉換文檔； 根據所述擴展樣式錶轉換文檔轉換DOM樹解析結果中的節點，生成只保留所述定位路徑指定節點的，包括圖片的XML文檔； 在所述XML文檔中獲取所述圖片的下載地址，下載得到所述圖片。
5.根據權利要求I所述的方法，其特徵在於，所述在該顯示窗口中加載所獲取的當前網頁中的圖片的步驟包括 根據所述網頁中的圖片對應的唯一編號的順序規則，在所述顯示窗口中順序加載顯示所述圖片。
6.根據權利要求I所述的方法，其特徵在於， 所述在網頁瀏覽器主窗口上創建一個顯示窗口，包括 獲取網頁瀏覽器頁籤的瀏覽器窗口； 獲取瀏覽器窗口的Container窗口 ； 以Container為父窗口創建Popup類型窗口。
7.根據權利要求I所述的方法，其特徵在於，進一步包括 通過分析網頁中文字信息的腳本文件，確定與所述在顯示窗口中加載的圖片具有對應關係的文字信息； 並將所述文字信息與圖片一同加載顯示在所述顯示窗口中。
8.根據權利要求I所述的方法，其特徵在於，進一步包括 在所述顯示窗口中顯示圖片時，預先加載當前圖片的下一張圖片，並對下一張圖片通過小圖標進行預覽。
9.根據權利要求I所述的方法，其特徵在於，進一步包括檢測當前網頁的下一頁的URL ； 基於下一頁的URL，判斷下一頁是否屬於預設的圖片顯示類網頁； 如果是，基於對下一頁的DOM樹解析結果，預先獲取下一頁中的圖片。
10.根據權利要求I所述的方法，其特徵在於，還包括 接收用戶操作，將所述在顯示窗口中加載的圖片保存為PDF文件。
11.根據權利要求I所述的方法，其特徵在於，還包括 在所述網頁瀏覽器所處的作業系統的桌面上創建顯示窗口，在該顯示窗口中加載所獲取的當前網頁中的圖片。
12.一種基於網頁的圖片顯示裝置，其特徵在於，包括 第一網頁判斷模塊，其配置為基於當前顯示網頁的URL，判斷該網頁是否屬於預設的圖片顯示類網頁； 第一圖片獲取模塊，其配置為如果當前網頁屬於預設的圖片顯示類網頁，基於對當前網頁的DOM樹解析結果，獲取當前網頁中的圖片； 第一顯示窗口創建模塊，其配置為在網頁瀏覽器主窗口上創建一個顯示窗口 ； 第一圖片加載模塊，其配置為在所述顯示窗口中加載所獲取的當前網頁中的圖片。
13.根據權利要求12所述的裝置，其特徵在於，所述在顯示窗口中加載所獲取的圖片包括 漫畫類圖片、報刊類圖片、書籍類圖片中的至少一種。
14.根據權利要求12所述的裝置，其特徵在於， 所述第一網頁判斷模塊包括 URL解析子模塊，其配置為對當前網頁的URL進行解析，得到URL的域名及其中的關鍵字； 域名判斷子模塊，其配置為判斷所述域名是否屬於預設的URL名單中的域名； 關鍵字判斷子模塊，其配置為判斷所述關鍵字是否與圖書、圖片相關聯； 網頁確定子模塊，其配置為當所述域名屬於預設的URL名單中的域名或所述關鍵字與圖書、圖片相關聯時，確定該網頁屬於預設的圖片顯示類網頁。
15.根據權利要求12所述的裝置，其特徵在於， 所述第一圖片獲取模塊包括 獲取模式生成子模塊，其配置為遍歷DOM樹解析結果，生成圖片獲取模式，其中所述圖片獲取模式包括定位路徑； 擴展樣式錶轉換文檔編寫子模塊，其配置為根據所述圖片獲取模式，編寫擴展樣式錶轉換文檔； XML文檔生成子模塊，其配置為根據所述擴展樣式錶轉換文檔轉換DOM樹解析結果中的節點，生成只保留所述定位路徑指定節點的，包括圖片的XML文檔； 圖片獲取子模塊，其配置為在所述XML文檔中獲取所述圖片的下載地址，下載得到所述圖片。
16.根據權利要求12所述的裝置，其特徵在於， 所述第一圖片加載模塊根據所述網頁中的圖片對應的唯一編號的順序規則，在所述顯示窗口中順序加載顯示所述圖片。
17.根據權利要求12所述的裝置，其特徵在於， 所述第一顯不窗口創建模塊包括 瀏覽器窗口獲取子模塊，其配置為獲取網頁瀏覽器頁籤的瀏覽器窗口 ； Container窗口獲取子模塊，其配置為獲取瀏覽器窗口的Container窗口 ； Popup類型窗口創建子模塊，其配置為以Container為父窗口創建Popup類型窗口。
18.根據權利要求12所述的裝置，其特徵在於，進一步包括 文字信息確定顯示模塊，其配置為通過分析網頁中文字信息的腳本文件，確定與所述在顯示窗口中加載的圖片具有對應關係的文字信息； 並將所述文字信息與圖片一同加載顯示在所述顯示窗口中。
19.根據權利要求12所述的裝置，其特徵在於，進一步包括 預先加載模塊，其配置為在所述顯示窗口中顯示圖片時，預先加載當前圖片的下一張圖片，並對下一張圖片通過小圖標進行預覽。
20.根據權利要求12所述的裝置，其特徵在於，進一步包括 URL檢測模塊，其配置為檢測當前網頁的下一頁的URL ； 第二網頁判斷模塊，其配置為基於下一頁的URL，判斷下一頁是否屬於預設的圖片顯示類網頁； 第二圖片獲取模塊，其配置為如果下一頁屬於預設的圖片顯示類網頁，基於對下一頁的DOM樹解析結果，預先獲取下一頁中的圖片。
21.根據權利要求12所述的裝置，其特徵在於，還包括 圖片保存模塊，其配置為接收用戶操作，將所述在顯示窗口中加載的圖片保存為TOF文件。
22.根據權利要求12所述的裝置，其特徵在於，還包括 第二顯示窗口創建模塊，其配置為在所述網頁瀏覽器所處的作業系統的桌面上創建顯示窗口 ； 第二圖片加載模塊，其配置為在該顯示窗口中加載所獲取的當前網頁中的圖片。
全文摘要
本發明提供了一種基於網頁的圖片顯示方法和裝置，以解決現有技術不能對網頁中的圖片進行個性化顯示和管理的問題。所述方法包括基於當前顯示網頁的URL，判斷該網頁是否屬於預設的圖片顯示類網頁；如果是，基於對當前網頁的DOM樹解析結果，獲取當前網頁中的圖片；在網頁瀏覽器主窗口上創建一個顯示窗口，在該顯示窗口中加載所獲取的當前網頁中的圖片。判斷當前網頁的URL是否屬於預設的圖片顯示類網頁，如果是，獲取當前網頁中的圖片，並加載在創建的顯示窗口中進行顯示。增加了網頁中圖片的顯示方式，並可以對網頁中的圖片進行管理，提高了用戶的操作靈活度。
文檔編號G06F17/30GK102819561SQ20121022719
公開日2012年12月12日 申請日期2012年6月29日 優先權日2012年6月29日
發明者唐曦, 陳志 , 李鳴, 任寰 申請人:北京奇虎科技有限公司, 奇智軟體(北京)有限公司