一種基于HTML5協議的網頁展現方法及裝置制造方法及圖紙

本發明專利技術實施例公開了一種基于HTML5協議的網頁展現方法。該方法包括：獲取基于HTML5協議的網頁資源；以Javascript語言解析網頁資源生成DOM對象節點；渲染DOM對象后進行網頁展現。本發明專利技術實施例還公開了一種基于HTML5協議的網頁展現的展現裝置。本發明專利技術實施例無需借助外在的插件程序即可實現對HTML5協議的支持，避免了進行插件安裝或者功能更新升級等操作，提高了基于HTML5協議的網頁的展現效率。

【技術實現步驟摘要】

本申請涉及信息展現
，特別涉及一種基于HTML5協議的網頁展現方法及其相應的裝置。
技術介紹
HTML5 (Hypertext Markup Language 5rd,超文本標記語言標準第5版，又稱為HTML標準版本)是用于取代1999年制定的HTML 4. 01和XHTML I. 0協議的新HTML協議標準。HTML5協議相對于以前的版本具有兩大突出特點一是強化了 Web網頁的表現性能；ニ是增加了本地數據庫等Web應用功能，其目·的在于通過減少瀏覽器對基于插件的豐富性網絡メ沒用月艮務(plug—in—basedrich internet application,RIA,如 Adobe Flash>MicrosoftSilverlight、OracleJavaFX等)的需求,提供更多有效增強網絡應用的標準集。然而，由于HTML5協議對插件需求的減少，在現有技術框架下，目前的瀏覽器(比如IE6. 0 8. O、搜狗、火狐、Chrome等)如果沒有額外的插件程序，或者不進行必要的功能升級，將無法基于HTML5協議實現網頁展現。
技術實現思路
為解決上述技術問題，本申請實施例提供一種基于HTML5協議的網頁展現方法及其對應的裝置，以提供ー種無需額外的插件程序或功能升級即可進行基于HTML5協議的網頁展現。本申請實施例提供的基于HTML5協議的網頁展現方法包括獲取基于HTML5協議的網頁資源；以Javascript語言解析網頁資源生成DOM對象節點；渲染DOM對象后進行網頁展現。優選地,所述以Javascript語言解析網頁資源生成DOM對象節點具體包括以Javascript語言對網頁資源進行詞法分析以獲得HTML標簽； 調用DOM對象創建函數根據HTML標簽創建DOM對象節點。進ー步優選地，在以Javascript語言對網頁資源進行詞法分析以獲得HTML標簽后，生成與HTML標簽相應的調用DOM對象創建函數創建DOM對象節點的Javascript代碼，則所述調用DOM對象創建函數根據HTML標簽創建DOM對象節點具體為根據HTML標簽調用與該HTML標簽相應的Javascript代碼創建DOM對象節點。優選地，所述方法還包括以Javascript語言實現DOM對象的控制，具體為以Javascript語言實現DOM對象、DOM對象的基類以及可視元素接ロ，在DOM對象中根據HTML標簽增加和/或刪除DOM對象節點，和/或，根據HTML標簽屬性設置DOM對象節點的屬性。優選地，所述方法還包括對至少ー個DOM對象節點的樣式進行控制，具體為將DOM對象節點的樣式資源編譯為Javascript代碼,并將編譯形成的Javascript代碼封裝為函數；調用該函數對相應的DOM對象節點進行樣式控制。進ー步優選地，當DOM對象發生變化時，所述方法還包括，對發生變化的DOM對象節點進行排版，所述變化包括DOM對象節點的増加、刪除和/或樣式變化，排版過程具體為通過Javascript語言執行如下步驟收集發生變化的DOM對象節點及其子節點形成排版集合；計算排版集合內的DOM對象節點的變化后的屬性信息；用變化后的屬性信息修改變化前的屬性信息。優選地，所述渲染DOM對象包括文字繪制步驟，該文字繪制步驟包括 根據文字尺寸檢索預置圖片集中是否存在與該文字尺寸匹配的圖片；當存在匹配的圖片時，判斷該圖片是否包含待繪制的文字，如果是，則利用該文字在圖片中的位置信息繪制文字；如果否，則將待繪制的文字繪制到該圖片中，利用該文字在圖片中的位置信息繪制文字；當不存在匹配的圖片時，創建與該文字尺寸匹配的圖片，將待繪制的文字繪制到該圖片中，利用該文字在圖片中的位置信息繪制文字。優選地，所述渲染DOM對象包括材質合并步驟，該材質合并步驟包括創建空白紋理；將待繪制對象放置于紋理之中，記錄待繪制對象在紋理中的位置信息；當接收到繪制觸發時，根據待繪制對象在紋理中的位置信息一次性將紋理中的全部待繪制對象繪制到屏幕上。本申請還提供了一種基于HTML5協議的網頁展現裝置。該裝置包括獲取單元、解析單元和渲染單元，其中所述獲取単元，用于獲取基于HTML5協議的網頁資源；所述解析單元,用于以Javascript語言解析網頁資源生成DOM對象節點；所述渲染単元，用于渲染DOM對象后進行網頁展現。優選地，所述解析単元包括詞法分析子単元、DOM對象節點生成子単元，其中所述詞法分析子単元，用于以Javascript語言對網頁資源進行詞法分析以獲得HTML標簽；所述DOM對象節點生成子單元，用于調用DOM對象創建函數根據HTML標簽創建DOM對象節點。進ー步優選地，所述解析單元還包括代碼生成子単元，用于在以Javascript語言對網頁資源進行詞法分析以獲得HTML標簽后，生成與HTML標簽相應的調用DOM對象創建函數創建DOM對象節點的Javascript代碼，則所述DOM對象節點生成子單元具體根據HTML標簽調用與該HTML標簽相應的Javascript代碼創建DOM對象節點。優選地，所述裝置還包括DOM對象控制単元，用于以Javascript語言實現DOM對象的控制，具體為以Javascript語言實現DOM對象、DOM對象的基類以及可視元素接ロ，在DOM對象中根據HTML標簽增加和/或刪除DOM對象節點，和/或，根據HTML標簽屬性設置DOM對象節點的屬性。優選地，所述裝置還包括樣式控制単元，用于對至少ー個DOM對象節點的樣式進行控制，具體為將DOM對象節點的樣式資源編譯為Javascript代碼，并將編譯形成的Javascript代碼封裝為函數；調用該函數對相應的DOM對象節點進行樣式控制。優選地，當DOM對象發生變化時，所述裝置還包括排版單元，用于對發生變化的DOM對象節點進行排版，所述變化包括DOM對象節點的増加、刪除和/或樣式變化，排版過程具體為通過Javascript語言執行如下步驟收集發生變化的DOM對象節點及其子節點形成排版集合；計算排版集合內的DOM對象節點變化后的屬性信息；用變化后的屬性信息修改變化前的屬性信息。 優選地，所述渲染DOM對象樹包括文字繪制，所述渲染単元包括文字繪制單元，所述文字繪制單元包括檢索子単元、判斷子単元、創建子単元、第一繪制子単元和第二繪制子單元，其中所述檢索子単元，用于根據文字尺寸檢索預置圖片集中是否存在與該文字尺寸匹配的圖片，如果存在，則觸發判斷子単元；如果不存在，則觸發創建子単元；所述判斷子単元，用于判斷匹配的圖片是否包含待繪制的文字，如果是，則觸發第一繪制子単元利用該文字在圖片中的位置信息繪制文字；如果否，則觸發第二繪制子単元將待繪制的文字繪制到該圖片中，并觸發第一繪制子単元利用該文字在圖片中的位置信息繪制文字；所述創建子単元，用于創建與該文字尺寸匹配的圖片，觸發第二繪制子單元將待繪制的文字繪制到該圖片中，并觸發第一繪制子単元利用該文字在圖片中的位置信息繪制文字。優選地,所述渲染DOM對象包括材質合并,所述渲染單元包括材質合并單元,所述材質合并單元包括紋理創建子単元、位置信息記錄子単元和第三繪制子単元，其中所述紋理創建子単元，用于創建空白紋理；所述位置信息記錄子単元，用于將待繪制的對象放置于紋理之中，記錄待本文檔來自技高網...

【技術保護點】
一種基于HTML5協議的網頁展現方法，其特征在于，該方法包括：獲取基于HTML5協議的網頁資源；以Javascript語言解析網頁資源生成DOM對象節點；渲染DOM對象后進行網頁展現。

【技術特征摘要】

【專利技術屬性】
技術研發人員：謝成鴻，
申請(專利權)人：北京中娛在線網絡科技有限公司，謝成鴻，
類型：發明
國別省市：