一種嵌入式瀏覽器網頁顯示效果的優化方法
2023-09-16 20:15:40
專利名稱：一種嵌入式瀏覽器網頁顯示效果的優化方法
技術領域：
本發明涉及瀏覽器技術領域，特別涉及到嵌入式瀏覽器的網頁顯示技術。
背景技術：
瀏覽器是通過URL來獲取並顯示web網頁的一個重要工具。如今，桌面瀏覽器發展已經趨於成熟，而嵌入式瀏覽器技術正在蓬勃發展。目前，嵌入式瀏覽器還沒有一個準確、嚴格的定義，但從其可以完成的功能和作用來看，大體可以從兩個方面進行描述。第一，它必須是一個網絡信息瀏覽器，必須支持HTTP或者WAP等其它傳輸協議、支持HTML、JavaScript或擴展XML、WML等標記語言，可以完成網頁的瀏覽功能；第二，這個瀏覽器必須適合在受限於CPU速度、存儲空間和功耗的非PC嵌入式信息設備中存在、運行並完整實現通訊傳輸協議、標記語言所規定的功能，必須能夠根據嵌入式設備的多樣性需要而方便地進行裁減和修改，並滿足信息設備使用者對獲取文字、圖像、聲音、視頻等信息的需求。
嵌入式系統是以應用為中心，以計算機技術為基礎，軟硬體可裁剪，針對應用系統對功能、可靠性、成本、體積、功耗等的嚴格要求而設計的專用計算機系統。它相對通用的PC有其自身的特點一、通常以電視作為顯示設備，電視具有較低的解析度及刷新率；二、出於性價比方面的考慮，嵌入式系統的資源通常是比較有限的。隨著嵌入式系統功能和性能的增強及業務多樣性的發展要求，嵌入式瀏覽器漸漸變成嵌入式系統一個不可或缺的部分，同時由於嵌入式系統資源通常是比較有限，這對於瀏覽器的解析、顯示等技術也提出了挑戰。
針對不同的終端，不同的顯示內容，瀏覽器可能要進行不同程度的優化處理。嵌入式瀏覽器的顯示優化技術正在發展中，比如，針對電視顯示終端，已經有深圳茁壯公司的針對電視顯示的OSD層圖文普通電視顯示抗閃爍算法，以解決隔行電視掃描出現的閃爍感。
為了給終端用戶提供更豐富更賞心悅目的內容，在網頁中加入多姿多彩的圖片成為了必然的選擇，多圖片意味著對瀏覽器資源更多的消耗，尤其對於資源有限的嵌入式系統來說，可能會引起很多問題。因此，嵌入式瀏覽器的顯示技術有許多優化改進的餘地。
在嵌入式瀏覽器的調度過程中，嵌入式瀏覽器的調度機制都是通過瀏覽器的主循環來實現的。在瀏覽器主循環裡，可以循環接受網絡數據，並對網絡數據進行解析，然後將解析好的數據生成中間結果送給圖形接口來進行顯示。嵌入式瀏覽器在接受圖片時，將從網絡接收過來的圖片送給標準的解析函數進行解析，如果圖片過多，整個解析過程就長。由於瀏覽器是基於邊解析邊進行顯示的原理，解析多少顯示多少，因此在數據的解析和顯示過程中，瀏覽器是通過一些標識來進行循環調度的。每次如果有新的數據解析完，相應的標識置位，嵌入式瀏覽器就會根據標識來進行刷新處理，即重新把解析好的數據送給圖形接口函數來處理，上層的顯示接口則根據傳遞過來的數據進行畫圖的操作，有什麼樣的數據就進行什麼樣的畫圖操作。每次刷新處理時，都要將之前畫過的抹去，按照新的數據再進行重畫，因此如果上層不做處理，就會每次看到之前所畫的區域被抹去，接著新的數據被畫出來的過程。在圖片較多的情況下，這種現象就變成了一種多次閃爍刷屏的現象，從顯示效果來說，給人的視覺效果很不好。
發明內容
本發明的目的是為了克服網頁元素尤其是圖片元素較多的情況下，嵌入式瀏覽器常會出現的多次閃爍刷屏的缺陷，從而極大提高嵌入式瀏覽器顯示網頁的視覺效果。
為了實現上述目的，本發明提供了一種嵌入式瀏覽器網頁顯示效果的優化方法，在由重畫單元(5)、顯示單元(6)、擦除區域單元(7)、畫文本單元(8)、畫圖片單元(9)和畫表格單元(10)組成的圖形接口模塊(1)，和瀏覽器引擎模塊(2)、數據緩存模塊(3)和網絡處理模塊(4)組成的嵌入式瀏覽器中進行，包括以下步驟1)、網絡處理模塊4從網頁伺服器上獲取數據，並存放到數據緩存模塊3中；2)、瀏覽器引擎模塊2從數據緩存模塊3中讀取網頁數據，並設置標記以區別是否需要繼續讀取；3)、瀏覽器引擎模塊2解析網頁數據，並將解析後的數據發送到圖形接口模塊1中；
4)、圖形接口模塊1接收到解析後的網頁數據後，觸發圖形接口模塊1內的重畫單元5，圖形接口模塊1進入圖形操作內核；5)、圖形接口模塊1調用擦除區域單元7，用來清除要顯示的內容區域，以保證顯示的正確；6)、圖形接口模塊1對接收到的數據的類型進行判斷，若為文本數據，則調用圖形接口模塊1中的畫文本單元8，在一塊非顯示的內存區域內畫文本，若為圖片數據，則調用圖形接口模塊1中的畫圖片單元9，在一塊非顯示的內存區域內畫圖像，若為表格數據，則調用圖形接口模塊1中的畫表格單元10，在一塊非顯示的內存區域內畫表格；7)、圖形接口模塊1對接收到的網頁數據進行判斷，若網頁數據已經完全解析並保存在非顯示的內存區域中，則調用圖形接口模塊1中的顯示單元6，將非顯示內存區域中的數據顯示到屏幕或顯示終端上，否則，直接執行下一步；8)、根據數據的獲取、解析和顯示情況，決定是否需要從步驟1)開始循環進行網頁數據的處理操作。
上述技術方案中，所述的擦除區域單元7是通過給指定的內存區域填充顏色像素值為0×0的數據以實現擦除功能。
上述技術方案中，所述的畫文本單元8將傳送過來的數據通過字庫解析成像素值，然後存儲在指定位置的內存區域中。
上述技術方案中，所述的畫圖片單元9將解析好的像素值轉化成上層GUI能夠識別和顯示的顏色格式，並將轉化好的像素值儲在對應的內存區域中。
上述技術方案中，由所述的顯示單元6，將非顯示內存區域中的數據顯示到屏幕或顯示終端的方法有兩種，一是利用2D圖形加速器的特性，用系統函數將後臺內存區域的數據直接輸出到顯示內存區域實現顯示；二是通過一個內存拷貝函數，直接將後臺內存區域的數據拷貝到顯示內存。
本發明的優點在於，提供了一種在圖形接口進行優化處理的方法。所述方法基於後臺處理的思想，即在某些圖片或其他元素沒完全解析完的情況下，該區域的所有畫的處理都在後臺進行，這個過程不會在屏幕上顯示出來，等所有關於該顯示區域的數據完全解析好之後，再一次全部顯示在屏幕上，從而加快網頁元素顯示速度及克服多次閃爍刷屏的缺陷。
圖1為瀏覽器系統框架圖；圖2為本發明的嵌入式瀏覽器網頁顯示效果的優化方法的流程圖；圖3為圖形接口模塊1的組成圖；圖4為現有技術中圖形接口模塊1的各個單元的功能；圖5為本發明中圖形接口模塊1的各個單元的功能；圖6為在一個實施例中，本發明方法在GUI-2D圖形加速器上的應用。
圖面說明1圖形接口模塊 2瀏覽器引擎模塊3數據緩存模塊4網絡處理模塊 5重畫單元 6顯示單元7擦除區域單元 8畫文本單元9畫圖片單元10畫表格單元具體實施方式
下面結合附圖和具體實施方式
，對本發明的嵌入式瀏覽器網頁顯示效果的優化方法作進一步說明。
圖1是嵌入式瀏覽器的系統框圖，描述了嵌入式瀏覽器的工作方式。嵌入式瀏覽器包括圖形接口模塊1、瀏覽器引擎模塊2、數據緩存模塊3和網絡處理模塊4。
所述的嵌入式瀏覽器通過網絡處理模塊4與網頁伺服器進行TCP/IP通信，即嵌入式瀏覽器端發出的get請求以及瀏覽器引擎模塊2收到的來自於伺服器的應答數據都是通過網絡處理模塊4與外界的通信來完成的。
所述的數據緩存模塊3存儲從網絡接收到的數據，並將數據傳送給瀏覽器引擎模塊2進行處理，同時它還根據解析情況或調度策略決定與網絡處理模塊4的通信。
所述的瀏覽器引擎模塊2主要用於解析收到的網頁數據，並將解析出來的數據作為中間結果存儲下來，通知圖形接口模塊1來進行顯示。
所述的圖形接口模塊1則根據存儲的數據類型判斷需要調用哪個接口函數來進行網頁內容顯示，同時也返回控制信息給瀏覽器引擎模塊2進行調度。對圖形接口模塊1可作進一步的劃分，如圖3所示，圖形接口模塊1包括重畫單元5、顯示單元6、擦除區域單元7、畫文本單元8、畫圖片單元9、畫表格單元10。
結合嵌入式瀏覽器，對本發明的嵌入式瀏覽器網頁顯示效果的優化方法的具體實現步驟進行說明。
步驟10、網絡處理模塊4從網頁伺服器上獲取數據，並存放到數據緩存模塊3中；步驟20、瀏覽器引擎模塊2從數據緩存模塊3中讀取網頁數據，並設置標記以區別是否需要繼續讀取；步驟30、瀏覽器引擎模塊2解析網頁數據，並將解析後的數據發送到圖形接口模塊1中；步驟40、圖形接口模塊1接收到解析後的網頁數據後，觸發重畫單元5，圖形接口模塊1進入圖形操作內核；步驟50、圖形接口模塊1調用擦除區域單元7，用來清除要顯示的內容區域，以保證顯示的正確。其中，所述的擦除區域單元7是通過給指定的後臺內存區域填充顏色像素值為0×0的數據以實現擦除功能。
步驟60、圖形接口模塊1對接收到的新數據類型進行判斷，若為文本數據，則調用畫文本單元8，在一塊非顯示的內存區域內畫文本，若為圖片數據，則調用畫圖片單元9，在一塊非顯示的內存區域內畫圖像，若為表格數據，則調用畫表格單元10，在一塊非顯示的內存區域內畫表格。其中，所述的畫文本單元8將從瀏覽器內核傳送過來的數據通過字庫解析成像素值，然後存儲在指定位置的內存區域中。所述的畫圖片單元9將解析好的像素值轉化成上層GUI能夠識別和顯示的顏色格式，並將轉化好的像素值一個一個存儲在對應的內存區域中。
步驟70、圖形接口模塊1對接收到的網頁數據進行判斷，若網頁數據已經完全解析並保存在非顯示的內存區域中，則調用顯示單元6，將非顯示內存區域中的數據顯示到屏幕或顯示終端上，否則，直接執行下一步。所述的圖形接口模塊1在對接受到的網頁數據進行判斷時，在判斷一幅圖像是否完整時，主要是判斷非顯示的內存區域中的圖片的完整性，由於圖片有固定的格式，有頭信息，圖形接口模塊1可分析頭信息，並獲取在非顯示的內存區域中所包含的圖片的實際大小，以判斷圖片是否完整。
本步驟中，在將保存在內存中的數據顯示到屏幕或顯示終端的方法有兩種，一是利用2D圖形加速器的特性，用系統函數將後臺內存區域的數據直接輸出到顯示內存區域實現顯示；二是通過一個內存拷貝函數，直接將後臺內存區域的數據拷貝到顯示內存，實現顯示。
步驟80、根據數據的獲取、解析和顯示情況，決定是否需要從步驟10開始循環進行網頁數據的處理操作。
本發明與現有技術的區別在於，在現有技術中，畫文本單元8、畫圖片單元9和畫表格單元10在畫文本、圖片或表格時，直接將結果顯示到屏幕或終端設備上，在嵌入式瀏覽器資源有限的情況下，容易產生閃爍刷屏的現象。而在本發明中，畫文本單元8、畫圖片單元9和畫表格單元10在畫文本、圖片或表格時，都是在一塊非顯示的內存區域上進行操作，最後通過顯示單元6將非顯示的內存區域上的內容顯示到屏幕或終端設備上。上述各個單元在現有技術中實現的功能請參考圖4，在本發明中的功能請參考圖5。
如圖6所示，在一個實施例中，本發明方法在GUI-2D圖形加速器上的應用，其中左邊的輸入通道是一塊分配好的DRAM區域，右邊是用於輸出的顯示存儲區域。如果將輸入通道的數據送到輸出通道，則數據就會顯示在屏幕上。為了實現本發明的目的，單元7-10進行畫圖操作時，如圖5所示，只是將數據寫到輸入通道裡分配好的buffer1、buffer2或buffer3中，比如buffer1，等要顯示區域的數據完全解析完並已經完全寫入到buffer1中後，通過顯示單元6將輸入通道中存儲的數據，也就是buffer1中的數據拷貝到輸出通道的顯示存儲區域-OSD顯示buffer中，從而實現該區域在屏幕上的顯示。通過這種操作處理，在沒有進行優化處理時看到的刷屏幕的過程轉移到了後臺，對於用戶是不可見的。每調用一次刷新模塊後就調用一次顯示模塊，這樣每次顯示在終端上的內容都是不會再重畫了的，而是一塊一塊的逐步顯示到屏幕上的，從而實現了對網頁刷屏現象的優化。
權利要求
1.一種嵌入式瀏覽器網頁顯示效果的優化方法，在由重畫單元(5)、顯示單元(6)、擦除區域單元(7)、畫文本單元(8)、畫圖片單元(9)和畫表格單元(10)組成的圖形接口模塊(1)，和瀏覽器引擎模塊(2)、數據緩存模塊(3)和網絡處理模塊(4)組成的嵌入式瀏覽器中進行，包括以下步驟1)、網絡處理模塊(4)從網頁伺服器上獲取數據，並存放到數據緩存模塊(3)中；2)、瀏覽器引擎模塊(2)從數據緩存模塊(3)中讀取網頁數據，並設置標記以區別是否需要繼續讀取；3)、瀏覽器引擎模塊(2)解析網頁數據，並將解析後的數據發送到圖形接口模塊(1)中；4)、圖形接口模塊(1)接收到解析後的網頁數據後，觸發圖形接口模塊(1)內的重畫單元(5)，圖形接口模塊(1)進入圖形操作內核；5)、圖形接口模塊(1)調用擦除區域單元(7)，用來清除要顯示的內容區域，以保證顯示的正確；6)、圖形接口模塊(1)對接收到的數據的類型進行判斷，若為文本數據，則調用圖形接口模塊(1)中的畫文本單元(8)，在一塊非顯示的內存區域內畫文本，若為圖片數據，則調用圖形接口模塊(1)中的畫圖片單元(9)，在一塊非顯示的內存區域內畫圖像，若為表格數據，則調用圖形接口模塊(1)中的畫表格單元(10)，在一塊非顯示的內存區域內畫表格；7)、圖形接口模塊(1)對接收到的網頁數據進行判斷，若網頁數據已經完全解析並保存在非顯示的內存區域中，則調用圖形接口模塊(1)中的顯示單元(6)，將非顯示內存區域中的數據顯示到屏幕或顯示終端上，否則，直接執行下一步；8)、根據數據的獲取、解析和顯示情況，決定是否需要從步驟1)開始循環進行網頁數據的處理操作。
2.根據權利要求1所述的嵌入式瀏覽器網頁顯示效果的優化方法，其特徵在於，所述的擦除區域單元(7)是通過給指定的內存區域填充顏色像素值為0×0的數據以實現擦除功能。
3.根據權利要求1所述的嵌入式瀏覽器網頁顯示效果的優化方法，其特徵在於，所述的畫文本單元(8)將傳送過來的數據通過字庫解析成像素值，然後存儲在指定位置的內存區域中。
4.根據權利要求1所述的嵌入式瀏覽器網頁顯示效果的優化方法，其特徵在於，所述的畫圖片單元(9)將解析好的像素值轉化成上層GUI能夠識別和顯示的顏色格式，並將轉化好的像素值儲在對應的內存區域中。
5.根據權利要求1所述的嵌入式瀏覽器網頁顯示效果的優化方法，其特徵在於，由所述的顯示單元(6)，將非顯示內存區域中的數據顯示到屏幕或顯示終端的方法有兩種，一是利用2D圖形加速器的特性，用系統函數將後臺內存區域的數據直接輸出到顯示內存區域實現顯示；二是通過一個內存拷貝函數，直接將後臺內存區域的數據拷貝到顯示內存。
全文摘要
本發明公開了一種嵌入式瀏覽器網頁顯示效果的優化方法，包括以下步驟網絡處理模塊獲取數據，並存放到數據緩存模塊中；瀏覽器引擎模塊讀取網頁數據並解析，將結果發送到圖形接口模塊中；圖形接口模塊接收到數據後，觸發重畫單元；調用擦除區域單元，清除要顯示的內容區域；對接收到的數據的類型進行判斷，若為文本數據，則調用畫文本單元，若為圖片數據，則調用畫圖片單元，若為表格數據，則調用畫表格單元；對接收到的網頁數據進行判斷，若網頁數據已經完全解析，則調用顯示單元將數據顯示到屏幕或顯示終端上，否則，直接執行下一步；根據數據的獲取、解析和顯示情況，決定是否需要循環進行網頁數據的處理操作。
文檔編號G06F17/30GK101021847SQ20061001132
公開日2007年8月22日 申請日期2006年2月15日 優先權日2006年2月15日
發明者孫鵬, 雷麗琴, 胡琳琳, 吳麗彬, 胡建良 申請人:中國科學院聲學研究所