TWI451335B - WebKit瀏覽器裝置與應用於其上之網頁內容載入方法 - Google Patents
WebKit瀏覽器裝置與應用於其上之網頁內容載入方法 Download PDFInfo
- Publication number
- TWI451335B TWI451335B TW100142101A TW100142101A TWI451335B TW I451335 B TWI451335 B TW I451335B TW 100142101 A TW100142101 A TW 100142101A TW 100142101 A TW100142101 A TW 100142101A TW I451335 B TWI451335 B TW I451335B
- Authority
- TW
- Taiwan
- Prior art keywords
- webpage
- module
- network module
- calculation
- content
- Prior art date
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Description
本發明係為一種網頁內容載入方法及裝置,特別是一種WebKit瀏覽器網頁內容載入方法及裝置。
隨著網際網路技術的發展,網頁瀏覽器應用範圍越來越廣泛,從最初運行在個人電腦上,到現在延伸到手機、掌上電腦、數位電視等各種嵌入式系統中。以瀏覽器為基礎而開發的應用越來越多,網頁內容也越來越豐富。然而,當網頁所提供的內容越豐富複雜時,將導致瀏覽器載入網頁的時間延長,也讓用戶需要花費更多時間等待頁面載入完成,這給用戶的使用帶來了很大的不便。此外,針對嵌入式產品而言,如需提供瀏覽器應用時,很可能受限於硬體資源,如何快速載入網頁頁面的內容,並呈現給用戶是瀏覽器開發者面臨的巨大挑戰。
WebKit為一個開放原始碼的網頁瀏覽器引擎,具有速度快、高效穩定、相容性好以及應用範圍廣泛等特點,也是當今三大主力瀏覽器核心之一。請參閱第1圖,其係採用習用技術之WebKit網頁瀏覽器引擎載入網頁作法之示意圖。習用技術所採用的基本方法是:由網路模組向伺服器發出資料請求後,接收伺服器回應資料,根據HTML的語法語義而解析資料,同時生成文件物件模型樹(Document Object Model,簡稱為DOM)和演算繪製(Render)樹,完成布局並透過演算繪製後再呈現給用戶。
如前所述,採用習用技術之作法,WebKit瀏覽器會在解析資料構建文件物件模型樹時,同時構建演算繪製樹。即,習用技術在構建一個文件物件模型樹節點時,會根據元素可視性,而構建相對應的演算繪製樹節點。這種方式需要佔用網路資源,導致網路模組下載資料緩慢,從而降低WebKit瀏覽器之網頁內容的載入速度,嚴重影響用戶流覽網頁的使用體驗。
本發明主要解決的技術問題是提供一種網頁內容載入方法及裝置,應用於WebKit瀏覽器。能夠使WebKit瀏覽器更快速地處理下載網頁內容,從而減少瀏覽器載入網頁的總體時間。
為解決上述技術問題,本發明採用的一個技術方案是:提供一種網頁內容載入方法,應用於一WebKit瀏覽器,該網頁內容載入方法包含以下步驟:透過一網路模組而下載一網頁之內容資料;解析該網頁之內容資料而得到一解析結果;根據該解析結果而構建複數個文件物件模型樹節點;根據該文件物件模型樹節點而建立該文件物件模型樹;根據該文件物件模型樹而產生相對應之一演算繪製樹;根據該演算繪製樹而對該網頁之內容資料進行一頁面布局,對該演算繪製樹進行演算繪製而得到一演算繪製物件;以及根據該頁面布局和該演算繪製物件而顯示該網頁。
根據上述構想,本發明所述的網頁內容載入方法,其中根據該演算繪製樹而對該網頁之內容資料進行該頁面布局之步驟係指:根據該演算繪製樹而對該網頁之內容資料進行該頁面布局,並在一布局處理期間向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料,若是,則繼續解析該網頁之內容資料、構建該等文件物件模型樹節點,直至該文件物件模型樹所包含之文件物件模型樹節點構建完成。
根據上述構想,本發明所述的網頁內容載入方法,其中在該布局處理期間向該網路模組發起詢問、檢查該網路模組是否正在下載該網頁之內容資料之步驟係包含:在每完成一個布局時,向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料。
根據上述構想,本發明所述的網頁內容載入方法,其中根據該演算繪製樹而對該網頁之內容資料進行該頁面布局係包含以下步驟:根據該演算繪製樹而對該網頁之內容資料進行該頁面布局,並在一布局處理期間向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料,若否,則對下一個網頁之內容資料進行該頁面布局之處理。
根據上述構想,本發明所述的網頁內容載入方法,其中在該布局處理期間向該網路模組發起詢問、檢查該網路模組是否正在下載該網頁之內容資料之步驟係指:在每完成一個布局時,向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料。
根據上述構想,本發明所述的網頁內容載入方法,其中對該演算繪製樹進行演算繪製而得到該演算繪製物件之步驟係包含:根據該演算繪製樹進行演算繪製、得到該演算繪製物件,並在一演算繪製期間向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁內容之資料,若是,則繼續解析該網頁之內容資料、構建文件物件模型樹節點,直至該文件物件模型樹所包含之文件物件模型樹節點構建完成。
根據上述構想,本發明所述的網頁內容載入方法,其中在該演算繪製期間發起詢問、檢查該網路模組是否正在下載該網頁之內容資料的動作包含:在每完成一個物件的演算繪製時,向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料。
根據上述構想,本發明所述的網頁內容載入方法,其中對該演算繪製樹進行演算繪製而得到該演算繪製物件之步驟係包含:根據該演算繪製樹進行演算繪製、得到該等物件,並在一演算繪製期間向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料,若否,則繼續執行下一個物件的演算繪製處理。
根據上述構想,本發明所述的網頁內容載入方法,其中在該演算繪製期間發起詢問、檢查該網路模組是否正在下載該網頁之內容資料的步驟係包含:在每完成一個物件的演算繪製時,向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料。
根據上述構想,本發明所述的網頁內容載入方法,其中下載網頁之內容資料的步驟包含:向一伺服器發送下載網頁之內容資料之一請求;以及接收該伺服器回應該請求而回傳的網頁之內容資料。
本發明之另一方面係為一種WebKit瀏覽器裝置,包含:一網路模組,用於使一用戶端與一伺服器進行網路資料通訊;一下載模組,電連接於該網路模組,其係透過該網路模組下載一網頁之內容資料;一解析模組,電連接於該下載模組,其係解析該網頁之內容資料而得到一解析結果;一第一建立模組,電連接於該解析模組,其係根據該解析結果而構建複數個文件物件模型樹節點;一第二建立模組,電連接於該第一建立模組,其係根據該等文件物件模型樹節點建立該文件物件模型樹;一第三建立模組,電連接於該第二建立模組,其係根據該文件物件模型樹而產生相對應之一演算繪製樹;一布局模組,電連接於該第三建立模組,其係根據該演算繪製樹而對該網頁之內容資料進行一頁面布局;一演算繪製模組,電連接於該第三建立模組,其係根據該演算繪製樹進行演算繪製,得到複數個演算繪製物件;以及一顯示模組,電連接於該演算繪製模組,係根據該網頁之內容資料的該頁面布局和該等演算繪製物件而顯示網頁。
根據上述構想,本發明所述的WebKit瀏覽器裝置,其中更包含:一第一詢問模組,電連接於該網路模組,其係於一頁面布局期間向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料,若是,則使該解析模組繼續解析網頁內容資料,而使該第一建立模組繼續構建該等文件物件模型樹節點,直至該文件物件模型樹所包含之文件物件模型樹節點構建完成。
根據上述構想,本發明所述的WebKit瀏覽器裝置,其中該第一詢問模組在每完成一個布局時,向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁內容資料,若是,則使該解析模組繼續解析該網頁內容資料,而使該第一建立模組繼續構建該等文件物件模型樹節點,直至該文件物件模型樹所包含之文件物件模型樹節點構建完成。
根據上述構想,本發明所述的WebKit瀏覽器裝置更包含:一第一詢問模組,電連接於該網路模組,其係於一頁面布局期間,向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料,若否,則使該布局模組進行下一個網頁之內容資料的頁面布局處理。
根據上述構想,本發明所述的WebKit瀏覽器裝置,其中該第一詢問模組在每完成一個布局時,向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料,若否,則使該布局模組進行下一個網頁之內容資料的頁面布局處理。
根據上述構想,本發明所述的WebKit瀏覽器裝置更包含:一第二詢問模組,電連接於該網路模組,其係於進行演算繪製、得到該等演算繪製物件的期間,向該網路模組發起詢問,檢查該網路模組是否正在下載網頁之內容資料,若是,則使該解析模組繼續解析該網頁之內容資料,而使該第一建立模組繼續構建該等文件物件模型樹節點,直至該文件物件模型樹所包含之文件物件模型樹節點構建完成。
根據上述構想,本發明所述的WebKit瀏覽器裝置,其中該第二詢問模組在每完成一個物件的演算繪製時,向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料,若是,則使該解析模組繼續解析該網頁之內容資料,而使該第一建立模組繼續構建該等文件物件模型樹節點,直至該文件物件模型樹所包含之文件物件模型樹節點構建完成。
根據上述構想,本發明所述的WebKit瀏覽器裝置,其中更包含:一第二詢問模組,電連接於該網路模組,其係用於在進行演算繪製、得到該等物件的期間,向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料,若否,則使演算繪製模組進行下一個演算繪製物件的演算繪製處理。
根據上述構想,本發明所述的WebKit瀏覽器裝置,其中該第二詢問模組在每完成一個物件的演算繪製時,向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料;若否,則使該演算繪製模組繼續進行下一個物件的演算繪製處理。
根據上述構想,本發明所述的WebKit瀏覽器裝置,其中該下載模組包含:一下載請求單元,其係透過該網路模組而向該伺服器發起下載該網頁之內容資料的一請求;以及一資料接收單元,係其用於接收該伺服器回應該請求而回傳的該網頁之內容資料。
本發明的有益效果是:區別於現有技術WebKit瀏覽器在解析資料構建文件物件模型樹時、會同時構建演算繪製樹而一直佔用網路模組資源、導致載入複雜網頁內容時過程緩慢的情況,本發明在WebKit瀏覽器生成演算繪製樹的步驟中,待文件物件模型樹建立完成後才建立演算繪製樹,把建立渲染樹的過程獨立出來並使其不再佔用網路資源,在載入複雜網頁內容時,能夠減少網頁載入的總體時間,提高載入網頁內容的速度,增進用戶流覽網頁時的使用觀感。
為了對本發明之上述及其他方面有更佳的瞭解,下文特舉較佳實施例,並配合所附圖式,作詳細說明如下:
下面結合附圖和實施例對本發明進行詳細說明。
請參閱第2圖,其係將本發明所提出之網頁內容載入方法應用於WebKit瀏覽器之較佳實施例的流程圖。根據此圖式,此實施例包含以下步驟:
首先透過WebKit瀏覽器的網路模組而下載網頁之內容資料(步驟S101)。在WebKit瀏覽器運行過程,當載入一個頁面時,瀏覽器用戶端透過網路模組向伺服器發起請求,伺服器接受請求,回應請求並處理資料,回傳網頁內容資料到用戶端。
解析網頁之內容資料而得到解析結果(步驟S102)。在WebKit瀏覽器運行時,透過網路模組接收到回傳的網頁內容資料後,透過回調函數把網頁內容資料傳遞到解析模組,解析模組對接收到的這批網頁內容資料進行解析,得到解析結果。
根據解析結果而構建複數個文件物件模型樹節點(步驟S103)。其後,再接著判斷文件物件模型樹的所有文件物件模型樹節點是否都已經構建完成(步驟S104)。若是,則繼續進行接下來的步驟;若否,則一再重複進行步驟S101~S103,直到文件物件模型樹的所有文件物件模型樹節點全部都構件完成。
在WebKit瀏覽器運行中、解析模組根據解析結果構建文件物件模型樹節點時,網路模組等待解析模組完成對這批資料的解析後,才繼續接收下一批資料。
接著根據文件物件模型樹節點而建立文件物件模型樹(步驟S105),以及根據文件物件模型樹而產生相對應之演算繪製樹(步驟S106)。在本步驟中,將演算繪製樹的建立從解析模組中分離出來,待文件物件模型樹建立完成,才根據建立的文件物件模型樹建立相應的演算繪製樹。
根據演算繪製樹而對網頁之內容資料進行頁面布局,對演算繪製樹進行演算繪製而得到複數個演算繪製物件(步驟S107)。
在習用技術的WebKit瀏覽器中,網頁解析完成後,在演算繪製之前需要完成網頁內容的布局。在處理布局時,由於網頁內容很多,因此往往需要很長時間。這樣會使網路模組中已經到達的資料無法及時得到處理,從而影響網路模組的後續工作。
同樣地,在WebKit瀏覽器中,演算繪製模組由於涉及到圖形處理,需要的時間最長。一般而言,網頁越複雜,內容越豐富,演算繪製需要處理的元素會越多,瀏覽器運行時,在把網頁呈現出來之前,需要花費大量時間演算繪製。這樣可能會讓網路模組的資料在演算繪製階段無法得到及時回應,從而影響網路模組的後續工作。
根據本發明構想之較佳實施例,將解析模組獨立出來,在解析網頁內容資料,構建文件物件模型樹節點時並不佔用網路資源,從而使得網路模組能夠更快地得到回應,使得瀏覽器能夠更快速地載入網頁內容。
其後,根據頁面布局和演算繪製物件而以WebKit瀏覽器顯示網頁(步驟S108)。也就是在WebKit瀏覽器運行中,待頁面布局和演算繪製物件完成,則根據網頁內容的頁面布局和演算繪製物件顯示網頁。
以下比較習用技術與本發明實施例在方法上的區別:
在習用技術中(如第1圖所示),解析模組根據解析網頁內容資料的結果,構建文件物件模型樹節點,並在每生成一個文件物件模型節點時,會根據需要生成相應的演算繪製樹節點,同時會涉及生成或調整對應的串接樣式表(Cascading Style Sheets,簡稱為CSS)資料。
根據本發明構想之實施例,瀏覽器在建立文件物件模型樹和演算繪製樹流程中(如第3圖所示),WebKit瀏覽器在解析網頁內容資料構建文件物件模型樹時,不同時構建演算繪製樹節點,這種待文件物件模型樹建立完成後才建立演算繪製樹的方式,是把建立演算繪製樹的過程獨立出來並使其不再佔用網路模組的資源,使得在載入複雜網頁內容時,能夠減少網頁載入的總體時間,提高載入網頁內容的速度,增強用戶流覽網頁的使用體驗。
下面再具體說明實施這種分離構建演算繪製樹的方法的可行性與優勢:
1)文件物件模型樹是瀏覽器呈現網頁的一種描述模型,它包含的資訊足夠以後構建演算繪製樹,因此只要文件物件模型樹完成建立,演算繪製樹的構建便可以被分離出而單獨處理。
2)由於演算繪製樹的構建被分離出去而單獨處理,能夠減少解析模組的複雜度,同時也減少解析模組的運行時間,從而能更快速進行解析網頁內容資料、構建文件物件模型樹節點的操作,提高載入網頁內容的速度。
3)讓網路模組資料處理回調函數時間減少,提高回應其他網路資源下載的速度。
請參閱第4圖,其係將本發明所提出之網頁內容載入方法應用於WebKit瀏覽器裝置的第一較佳實施例。在此圖示中,WebKit瀏覽器裝置20包含:網路模組201、下載模組202、解析模組203、第一建立模組204、第二建立模組205、第三建立模組206、布局模組207、演算繪製模組208,以及顯示模組209。
根據第4圖,各該模組之間的電連接方式可為:下載模組202、解析模組203、第一建立模組204係電連接於彼此;網路模組201電連接於下載模組202;第二建立模組205電連接於第一建立模組204、第三建立模組206;演算繪製模組208、布局模組207均電連接於第三建立模組206與顯示模組209。以下分別說明這些模組的用途。
首先,網路模組201係用於使WebKit瀏覽器用戶端與伺服器進行網路資料通訊;下載模組202則用於透過網路模組下載網頁內容資料;以及利用解析模組203來解析網頁內容資料得到解析結果。
其次,第一建立模組204用於根據解析結果構建文件物件模型樹節點,並使下載模組繼續進行下載網頁內容資料、使解析模組解析網頁內容資料,第一建立模組204繼續構建文件物件模型樹節點,直至文件物件模型樹的所有文件物件模型樹節點構建完成;第二建立模組205用於根據文件物件模型樹節點建立文件物件模型樹;第三建立模組206用於根據文件物件模型樹生成相應的演算繪製樹。
此外,布局模組207用於根據演算繪製樹進行網頁內容的頁面布局;演算繪製模組208用於根據演算繪製樹進行演算繪製,得到演算繪製物件;顯示模組209用於根據網頁內容的頁面布局和演算繪製物件顯示網頁。
承上所述,與習用技術之WebKit瀏覽器相較時,習用技術在解析資料構建文件物件模型樹時、會同時構建演算繪製樹而一直佔用網路模組資源、導致載入複雜網頁內容時過程緩慢的情況;另一方面,本發明在生成演算繪製樹的步驟中,待文件物件模型樹建立完成後,才建立演算繪製樹,把建立演算繪製樹的過程獨立出來並使其不再佔用網路資源。如此一來,在載入複雜網頁之內容資料時,能夠減少網頁載入的總體時間,提高載入網頁內容的速度,增強用戶流覽網頁的使用體驗。
在上述實施例中,下載模組202可包含下載請求單元和資料接收單元,下載請求單元用於透過網路模組201向伺服器發起下載網頁內容資料的請求;資料接收單元用於接收伺服器回應請求而回傳的網頁內容資料。
請參閱第5圖,其係根據本發明構想之WebKit瀏覽器裝置的第二較佳實施例。在此圖式中,WebKit瀏覽器裝置還包含第一詢問模組210,第一詢問模組210用於在網頁內容的頁面布局期間向網路模組201發起詢問,檢查網路模組201是否正在下載網頁內容資料;若是,則使解析模組203繼續解析網頁內容資料,而使第一建立模組204繼續構建文件物件模型樹節點,直至文件物件模型樹的所有文件物件模型樹節點構建完成;若否,則使布局模組207進行下一個網頁內容的頁面布局處理。
請參閱第6圖,其係根據本發明構想之WebKit瀏覽器裝置的第三實施例。此處的WebKit瀏覽器裝置20還包含第二詢問模組211,提供第二詢問模組211的用途是,在進行演算繪製、得到物件的期間,向網路模組201發起詢問,檢查網路模組201是否正在下載網頁內容資料;若是,則使解析模組203繼續解析網頁內容資料,而使第一建立模組204繼續構建文件物件模型樹節點直至文件物件模型樹的所有文件物件模型樹節點構建完成;若否,則使演算繪製模組208進行下一個物件的演算繪製處理。
請參閱第7圖,其係根據本發明構想之WebKit瀏覽器裝置的第二實施例,在布局過程中提前詢問網路模組的示意圖。根據此圖式可以看出,布局模組在進行頁面布局時,會對網路模組201詢問是否需要下載網頁內容。若有,便根據所接收的網頁內容而對布局1、布局2、…、布局N進行布局動作。
亦即,進一步地在頁面布局的過程中,增加詢問網路模組201是否正在下載網頁內容資料的功能設計。若是,則使解析模組203繼續解析網頁內容資料,而使第一建立模組204繼續構建文件物件模型樹節點,直至文件物件模型樹所包含的所有文件物件模型樹節點均構建完成。
當然,也可以在每完成一個布局時,向網路模組201發起詢問,檢查網路模組201是否正在下載網頁內容資料;若是,則使解析模組203繼續解析網頁內容資料,而使第一建立模組204繼續構建文件物件模型樹節點,直至文件物件模型樹的所有文件物件模型樹節點構建完成;若否,則使布局模組進行下一個網頁內容的頁面布局處理。
請參閱第8圖,其繪示本發明WebKit瀏覽器裝置第三實施例在演算繪製過程中,提前詢問網路模組的示意圖。根據此圖式可以看出,布局模組在進行頁面布局時,會對網路模組201詢問是否需要下載網頁內容。若有,便根據所接收的網頁內容而對布局1、布局2、…、布局N進行布局動作。
在該實施例中,本發明進一步地在布局中,詢問網路模組201是否正在下載網頁內容資料的功能。若是,則使解析模組203繼續解析網頁內容資料,而使第一建立模組204繼續構建文件物件模型樹節點,直至文件物件模型樹所包含的所有文件物件模型樹節點均構建完成。
當然,也可以在每完成一個演算繪製物件時,檢查網路模組201是否正在下載網頁內容資料。若是,則使解析模組203繼續解析網頁內容資料,而使第一建立模組204繼續構建文件物件模型樹節點,直至文件物件模型樹所包含的所有文件物件模型樹節點均構建完成;若否,則使演算繪製模組進行下一個物件的演算繪製處理。
本發明提供的方法和裝置,能夠減少網路模組因為已經收到的資料處理沒能及時處理而引起的等待時間。使網路模組能更快的回應,使瀏覽器能夠更快速地運行,並優化瀏覽器載入網頁資源的總體時間。如此一來,網路模組的工作效率可大幅提升,減少因為得不到及時處理而造成的延遲。進一步地,本發明能夠提高網路模組的工作效率,從而提高從伺服器獲取網路資源的速度,使得瀏覽器的其他模組能夠更快速的處理資料,從而使得基於WebKit引擎的瀏覽器載入網頁資源速度更快。
綜上所述,雖然本發明已以較佳實施例揭露如上,然其並非用以限定本發明。本發明所屬技術領域中具有通常知識者,在不脫離本發明之精神和範圍內,當可作各種之更動與潤飾。因此,本發明之保護範圍當視後附之申請專利範圍所界定者為準。
101、201...網路模組
103、203...解析模組
20...WebKit瀏覽器裝置
202...下載模組
204...第一建立模組
205...第二建立模組
206...第三建立模組
207...布局模組
208...演算繪製模組
209...顯示模組
210...第一詢問模組
211...第二詢問模組
第1圖繪示一種現有技術中瀏覽器建立文件物件模型樹和演算繪製樹的流程圖。
第2圖繪示本發明所提出之網頁內容載入方法實施例的流程圖。
第3圖繪示將本發明所提出之網頁內容載入方法應用於WebKit瀏覽器本發明WebKit瀏覽器網頁內容載入方法實施例中建立文件物件模型樹和演算繪製樹的流程圖。
第4圖繪示將本發明所提出之網頁內容載入方法應用於WebKit瀏覽器裝置之第一實施例的結構示意圖。
第5圖繪示將本發明所提出之網頁內容載入方法應用於WebKit瀏覽器裝置之第二實施例的結構示意圖。
第6圖繪示將本發明所提出之網頁內容載入方法應用於WebKit瀏覽器之第三實施例的結構示意圖。
第7圖繪示根據本發明構想之第二實施例,將本發明提出之網頁內容載入方法應用於WebKit瀏覽器裝置時,在布局過程中提前詢問網路模組的示意圖。
第8圖繪示根據本發明構想之第三實施例,將本發明提出之網頁內容載入方法應用於WebKit瀏覽器裝置時,在演算繪製過程中提前詢問網路模組的示意圖。
S101~S108...步驟流程
Claims (19)
- 一種網頁內容載入方法,應用於一WebKit瀏覽器,該網頁內容載入方法包含以下步驟:透過一網路模組而下載一網頁之內容資料;解析該網頁之內容資料而得到一解析結果;根據該解析結果而構建複數個文件物件模型樹節點;根據該文件物件模型樹節點而建立該文件物件模型樹;根據該文件物件模型樹而產生相對應之一演算繪製樹;根據該演算繪製樹而對該網頁之內容資料進行一頁面布局,並在一布局處理期間向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料;對該演算繪製樹進行演算繪製而得到一演算繪製物件;以及根據該頁面布局和該演算繪製物件而顯示該網頁。
- 如申請專利範圍第1項所述的網頁內容載入方法,其中在該布局處理期間向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料之步驟中,若網路模組正在下載該網頁之內容資料,則繼續解析該網頁之內容資料、構建該等文件物件模型樹節點,直至該文件物件模型樹所包含之文件物件模型樹節點構建 完成。
- 如申請專利範圍第1項所述的網頁內容載入方法,其中在該布局處理期間向該網路模組發起詢問、檢查該網路模組是否正在下載該網頁之內容資料之步驟係包含:在每完成一個布局時,向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料。
- 如申請專利範圍第1項所述的網頁內容載入方法,其中在該布局處理期間向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料之步驟中,若網路模組並未正在下載該網頁之內容資料,則對下一個網頁之內容資料進行該頁面布局之處理。
- 如申請專利範圍第1項所述的網頁內容載入方法,其中對該演算繪製樹進行演算繪製而得到該演算繪製物件之步驟係包含:根據該演算繪製樹進行演算繪製、得到該演算繪製物件,並在一演算繪製期間向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁內容之資料,若是,則繼續解析該網頁之內容資料、構建文件物件模型樹節點,直至該文件物件模型樹所包含之文件物件模型樹節點構建完成。
- 如申請專利範圍第5項所述的網頁內容載入方法,其中在該演算繪製期間發起詢問、檢查該網路模組是否 正在下載該網頁之內容資料的動作包含:在每完成一個物件的演算繪製時,向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料。
- 如申請專利範圍第1項所述的網頁內容載入方法,其中對該演算繪製樹進行演算繪製而得到該演算繪製物件之步驟係包含:根據該演算繪製樹進行演算繪製、得到該等物件,並在一演算繪製期間向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料,若否,則繼續執行下一個物件的演算繪製處理。
- 如申請專利範圍第7項所述的網頁內容載入方法,其中在該演算繪製期間發起詢問、檢查該網路模組是否正在下載該網頁之內容資料的步驟係包含:在每完成一個物件的演算繪製時,向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料。
- 如申請專利範圍第1項所述的網頁內容載入方法,其中下載網頁之內容資料的步驟包含:向一伺服器發送下載網頁之內容資料之一請求;以及接收該伺服器回應該請求而回傳的網頁之內容資料。
- 一種WebKit瀏覽器裝置,包含: 一網路模組,用於使一用戶端與一伺服器進行網路資料通訊;一下載模組,電連接於該網路模組,其係透過該網路模組下載一網頁之內容資料;一解析模組,電連接於該下載模組,其係解析該網頁之內容資料而得到一解析結果;一第一建立模組,電連接於該解析模組,其係根據該解析結果而構建複數個文件物件模型樹節點;一第二建立模組,電連接於該第一建立模組,其係根據該等文件物件模型樹節點建立該文件物件模型樹;一第三建立模組,電連接於該第二建立模組,其係根據該文件物件模型樹而產生相對應之一演算繪製樹;一布局模組,電連接於該第三建立模組,其係根據該演算繪製樹而對該網頁之內容資料進行一頁面布局;一第一詢問模組,電連接於該網路模組,其係於一頁面布局期間向該網路模組發起詢問,並檢查該網路模組是否正在下載該網頁之內容資料;一演算繪製模組,電連接於該第三建立模組,其係根據該演算繪製樹進行演算繪製,得到複數個演算繪製物件;以及一顯示模組,電連接於該演算繪製模組,係根據該網頁之內容資料的該頁面布局和該等演算繪製物件而顯示網頁。
- 如申請專利範圍第10項所述的WebKit瀏覽器裝 置,其中若該網路模組正在下載該網頁之內容資料,則使該解析模組繼續解析網頁內容資料,而使該第一建立模組繼續構建該等文件物件模型樹節點,直至該文件物件模型樹所包含之文件物件模型樹節點構建完成。
- 如申請專利範圍第10項所述的WebKit瀏覽器裝置,其中該第一詢問模組在每完成一個布局時,向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁內容資料,若是,則使該解析模組繼續解析該網頁內容資料,而使該第一建立模組繼續構建該等文件物件模型樹節點,直至該文件物件模型樹所包含之文件物件模型樹節點構建完成。
- 如申請專利範圍第10項所述的WebKit瀏覽器裝置,其中若該網路模組並未正在下載該網頁之內容資料,則使該布局模組進行下一個網頁之內容資料的頁面布局處理。
- 如申請專利範圍第13項所述的WebKit瀏覽器裝置,其中該第一詢問模組在每完成一個布局時,向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料,若該網路模組並未正在下載該網頁之內容資料,則使該布局模組進行下一個網頁之內容資料的頁面布局處理。
- 如申請專利範圍第10項所述的WebKit瀏覽器裝置更包含:一第二詢問模組,電連接於該網路模組,其係於進行演算繪製、得到該等演算繪製物件的期間,向該網路模組發起詢問,檢查該網路模組是否正在下載網頁之內容資料,若是,則使該解析模組繼續解析該網頁之內容資料,而使該第一建立模組繼續構建該等文件物件模型樹節點,直至該文件物件模型樹所包含之文件物件模型樹節點構建完成。
- 如申請專利範圍第15項所述的WebKit瀏覽器裝置,其中該第二詢問模組在每完成一個物件的演算繪製時,向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料,若是,則使該解析模組繼續解析該網頁之內容資料,而使該第一建立模組繼續構建該等文件物件模型樹節點,直至該文件物件模型樹所包含之文件物件模型樹節點構建完成。
- 如申請專利範圍第10項所述的WebKit瀏覽器裝置,其中更包含:一第二詢問模組,電連接於該網路模組,其係用於在進行演算繪製、得到該等物件的期間,向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料,若否,則使演算繪製模組進行下一個演算繪製物件的演算繪製處理。
- 如申請專利範圍第17項所述的WebKit瀏覽器裝 置,其中該第二詢問模組在每完成一個物件的演算繪製時,向該網路模組發起詢問,檢查該網路模組是否正在下載該網頁之內容資料;若否,則使該演算繪製模組繼續進行下一個物件的演算繪製處理。
- 如申請專利範圍第10項所述的WebKit瀏覽器裝置,其中該下載模組包含:一下載請求單元,其係透過該網路模組而向該伺服器發起下載該網頁之內容資料的一請求;以及一資料接收單元,係其用於接收該伺服器回應該請求而回傳的該網頁之內容資料。
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110282015.8A CN102346770B (zh) | 2011-09-21 | 2011-09-21 | WebKit浏览器网页内容加载方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
TW201314577A TW201314577A (zh) | 2013-04-01 |
TWI451335B true TWI451335B (zh) | 2014-09-01 |
Family
ID=45545447
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW100142101A TWI451335B (zh) | 2011-09-21 | 2011-11-17 | WebKit瀏覽器裝置與應用於其上之網頁內容載入方法 |
Country Status (3)
Country | Link |
---|---|
US (1) | US20130073946A1 (zh) |
CN (1) | CN102346770B (zh) |
TW (1) | TWI451335B (zh) |
Families Citing this family (32)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103365862B (zh) * | 2012-03-28 | 2018-11-23 | 北京百度网讯科技有限公司 | 一种用于生成与页面对应的图片的方法与设备 |
CN103870558B (zh) * | 2012-03-29 | 2017-01-25 | 北京奇虎科技有限公司 | 页面渲染方法和遮罩层创建方法 |
CN102693280B (zh) * | 2012-04-28 | 2014-08-13 | 广州市动景计算机科技有限公司 | 网页浏览方法、WebApp框架、执行JavaScript方法及装置、移动终端 |
CN102902799B (zh) * | 2012-10-12 | 2015-08-12 | 中科方德软件有限公司 | 一种基于WebKit的浏览器页面显示方法及其装置 |
CN103778365B (zh) | 2012-10-18 | 2015-05-13 | 腾讯科技(深圳)有限公司 | 一种检测网页隐藏内容的方法,及设备 |
CN102915375B (zh) * | 2012-11-08 | 2015-10-21 | 山东大学 | 一种基于布局分区的网页加载方法 |
CN103034736B (zh) * | 2012-12-27 | 2016-12-28 | 深圳Tcl新技术有限公司 | 基于webkit内核的浏览器及其处理方法 |
CN104331224B (zh) | 2013-07-22 | 2018-02-23 | 腾讯科技(深圳)有限公司 | 一种网页内容浏览方法及装置、终端设备 |
US9330074B2 (en) * | 2013-10-31 | 2016-05-03 | Google Inc. | Style sheet speculative preloading |
CN104573025B (zh) | 2015-01-12 | 2018-09-04 | 北京京东尚科信息技术有限公司 | 一种提高页面加载速度的方法及*** |
CN105992063A (zh) * | 2015-01-29 | 2016-10-05 | 华为技术有限公司 | 一种网页加载方法及用户设备 |
CN104750851A (zh) * | 2015-04-14 | 2015-07-01 | 钱海祥 | 网页内容的延迟加载方法及*** |
CN105096368B (zh) * | 2015-04-30 | 2019-03-01 | 华为技术有限公司 | 三维对象处理方法和相关装置 |
US9965451B2 (en) | 2015-06-09 | 2018-05-08 | International Business Machines Corporation | Optimization for rendering web pages |
BR112018007818B1 (pt) | 2015-10-20 | 2023-10-17 | Viasat, Inc. | Método para atualização de modelo de sugestão e sistema de geração de sugestão acionado por máquina |
CN106936871B (zh) * | 2015-12-30 | 2020-05-29 | 阿里巴巴集团控股有限公司 | 界面展示数据的方法及装置 |
CN106341469B (zh) * | 2016-08-31 | 2020-03-17 | 东软集团股份有限公司 | 树节点数据的加载方法和装置 |
CN106933792A (zh) * | 2017-03-17 | 2017-07-07 | 郑州云海信息技术有限公司 | 一种提高服务器端数据填充客户端表单效率的方法 |
EP3867777A4 (en) * | 2018-10-23 | 2022-06-22 | Citrix Systems, Inc. | LOCAL SECURE PLAYBACK OF WEB CONTENT |
CN109542417B (zh) * | 2018-11-20 | 2022-03-01 | 北京小米移动软件有限公司 | 一种dom渲染网页的方法、装置、终端和存储介质 |
CN109600662A (zh) * | 2018-11-27 | 2019-04-09 | 成都品果科技有限公司 | 一种视频播放方法及*** |
CN111372038B (zh) * | 2018-12-26 | 2021-06-18 | 厦门星宸科技有限公司 | 多串流影像处理装置及方法 |
US10984067B2 (en) | 2019-06-26 | 2021-04-20 | Wangsu Science & Technology Co., Ltd. | Video generating method, apparatus, server, and storage medium |
CN110457624A (zh) * | 2019-06-26 | 2019-11-15 | 网宿科技股份有限公司 | 视频生成方法、装置、服务器及存储介质 |
CN110909279B (zh) * | 2019-11-19 | 2022-09-13 | 广州至真信息科技有限公司 | 一种网页的渲染方法、装置、计算机设备和存储介质 |
CN111125597B (zh) * | 2019-12-18 | 2023-10-27 | 百度在线网络技术(北京)有限公司 | 网页加载方法、浏览器、电子设备及存储介质 |
CN111859215A (zh) * | 2020-06-30 | 2020-10-30 | 维沃移动通信有限公司 | 页面显示方法、装置、电子设备及可读存储介质 |
CN112287256A (zh) * | 2020-09-21 | 2021-01-29 | 北京沃东天骏信息技术有限公司 | 页面显示方法、终端设备、云服务器、***及存储介质 |
CN112307385A (zh) * | 2020-10-22 | 2021-02-02 | 北京达佳互联信息技术有限公司 | 网页数据加载和处理方法、装置、电子设备及存储介质 |
CN112612449B (zh) * | 2020-12-17 | 2024-06-18 | 深圳前海微众银行股份有限公司 | 一种网页页面的同步方法及装置、设备、存储介质 |
CN112579957A (zh) * | 2020-12-23 | 2021-03-30 | 中国电子信息产业集团有限公司第六研究所 | 一种基于图像分析的智能化网页内容解析方法 |
CN116992183B (zh) * | 2023-09-26 | 2024-01-09 | 国网信息通信产业集团有限公司 | 一种基于深度学习技术的国产浏览器适配兼容方法 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102065572A (zh) * | 2009-11-17 | 2011-05-18 | ***通信集团广东有限公司 | 移动浏览器、网关、浏览***及互联网页面访问方法 |
CN102065114A (zh) * | 2009-11-17 | 2011-05-18 | ***通信集团重庆有限公司 | 一种移动终端访问网页的方法及装置 |
US20110209046A1 (en) * | 2010-02-11 | 2011-08-25 | Zheng Huang | Optimizing web content display on an electronic mobile reader |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070013723A1 (en) * | 2005-07-12 | 2007-01-18 | Microsoft Corporation | Magnification engine and interface for computers |
US8140646B2 (en) * | 2009-06-04 | 2012-03-20 | Microsoft Corporation | Network application performance enhancement using speculative execution |
CN101951405A (zh) * | 2010-09-17 | 2011-01-19 | 中山大学 | 一种基于webkit的机顶盒中间件的实现方法 |
US8413047B2 (en) * | 2011-05-12 | 2013-04-02 | Qualcomm Incorporated | Concurrent parsing and processing of HTML and JAVASCRIPT® |
-
2011
- 2011-09-21 CN CN201110282015.8A patent/CN102346770B/zh not_active Expired - Fee Related
- 2011-11-17 TW TW100142101A patent/TWI451335B/zh not_active IP Right Cessation
-
2012
- 2012-06-15 US US13/524,486 patent/US20130073946A1/en not_active Abandoned
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102065572A (zh) * | 2009-11-17 | 2011-05-18 | ***通信集团广东有限公司 | 移动浏览器、网关、浏览***及互联网页面访问方法 |
CN102065114A (zh) * | 2009-11-17 | 2011-05-18 | ***通信集团重庆有限公司 | 一种移动终端访问网页的方法及装置 |
US20110209046A1 (en) * | 2010-02-11 | 2011-08-25 | Zheng Huang | Optimizing web content display on an electronic mobile reader |
Also Published As
Publication number | Publication date |
---|---|
CN102346770A (zh) | 2012-02-08 |
CN102346770B (zh) | 2014-05-14 |
US20130073946A1 (en) | 2013-03-21 |
TW201314577A (zh) | 2013-04-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
TWI451335B (zh) | WebKit瀏覽器裝置與應用於其上之網頁內容載入方法 | |
CN108984714B (zh) | 页面渲染方法、装置、电子设备及计算机可读介质 | |
WO2017088509A1 (zh) | 一种页面定制化的方法和装置 | |
TWI670611B (zh) | 網頁文件發送方法、網頁渲染方法及裝置、網頁渲染系統 | |
CN105045887B (zh) | 混合模式跨域数据交互的***及其方法 | |
US8959427B1 (en) | System and method for JavaScript based HTML website layouts | |
US20140201617A1 (en) | Method for Browsing Web Page on Mobile Terminal | |
JP5357326B2 (ja) | ページをレンダリングするための装置および方法 | |
EP2724251B1 (en) | Methods for making ajax web applications bookmarkable and crawlable and devices thereof | |
CN106339414A (zh) | 网页渲染方法及装置 | |
US20130144928A1 (en) | Minimal download and simulated page navigation features | |
CN105095280A (zh) | 一种浏览器缓存方法和装置 | |
JP2014519073A (ja) | Domベースの同形によるウェブブラウジング計算の記憶 | |
CN103268319A (zh) | 一种基于网页的云浏览器 | |
TWI526028B (zh) | A way to implement network access and a web server | |
WO2012071993A1 (zh) | 一种环球信息网www页面处理方法和装置 | |
US7613696B2 (en) | Configuring search results using a layout editor | |
TW201207639A (en) | Late resource localization binding for web services | |
CN105528369A (zh) | 网页转码方法、装置以及服务器 | |
TWI519980B (zh) | 網頁顯示方法和裝置及電腦可讀取儲存介質 | |
US9053184B2 (en) | On-demand generation of correlated collections of mashable data from distributed, non-homogeneous data sources | |
CN111310005A (zh) | 网络请求的处理方法及装置、服务器和存储介质 | |
CN111723314B (zh) | 网页展示方法、装置、电子设备及计算机可读存储介质 | |
CN101807204A (zh) | 一种遥感图像处理Web服务动态生成方法 | |
US8396920B1 (en) | Clean URLs in web applications |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
MM4A | Annulment or lapse of patent due to non-payment of fees | ||
MM4A | Annulment or lapse of patent due to non-payment of fees |