實現終端內嵌瀏覽器優化網頁加載的系統及方法
【專利摘要】本發明涉及一種實現終端內嵌瀏覽器優化網頁加載的系統及方法，其中系統包括主應用模塊和新網頁處理模塊，新網頁處理模塊用以接收新網頁文件并進行處理；主應用模塊包括：原網頁快照單元，用以獲取當前瀏覽器顯示內容的快照；新網頁處理監控單元，用以監控所述的新網頁處理模塊的處理過程；新網頁替換單元，用以將瀏覽器顯示的快照替換為完全網頁幀。采用該種結構的實現終端內嵌瀏覽器優化網頁加載的系統及方法，通過追蹤網頁資源加載、布局和渲染的整個過程，找到整個網頁完全渲染后的完整網頁幀，并在瀏覽器上一次性顯示該幀，從而解決瀏覽器網頁內容“逐步顯示”的問題，改善用戶體驗，具有更廣泛的應用范圍。
【專利說明】
實現終端內嵌瀏覽器優化網頁加載的系統及方法
技術領域
[0001]本發明涉及網絡技術領域，尤其涉及內嵌瀏覽器處理技術領域，具體是指一種實現終端內嵌瀏覽器優化網頁加載的系統及方法。
【背景技術】
[0002]隨著智能電視技術的發展，網頁瀏覽器也從傳統的“桌面端”和“移動端”轉移到了“智能電視端”。場景的轉換，導致了用戶對瀏覽器需求的變化。目前，市面上智能電視與用戶交互的主流方式是通過內嵌“瀏覽器”來讓用戶瀏覽特定視頻服務網站提供的內容資源。內嵌“瀏覽器”與一般瀏覽器的顯著不同是使用全屏模式，沒有瀏覽器窗口和界面，完全嵌入到智能電視的用戶界面邏輯中.用戶通過遙控器來瀏覽視頻網站頁面內容，感覺不到瀏覽器的存在。
[0003]瀏覽器的運行機制存在一個固有的特點:網頁的加載和渲染是逐步進行的，從而導致網頁的內容是逐步顯示的，并不是整個網頁的內容渲染完成后再顯示出來。然而，對于智能電視的應用場景來說，用戶不知道內嵌“瀏覽器”的存在，但是他能夠感覺到電視界面風格的不一致:某些界面是一次性顯示出來的，而另一些界面則是從空白到內容逐步顯示出來(伴隨一種閃爍感)。這種不一致性，導致了糟糕的用戶體驗。
【發明內容】
[0004]本發明的目的是克服了上述現有技術的缺點，提供了一種能夠實現解決瀏覽器網頁內容逐步顯示的問題、改善用戶體驗、具有更廣泛應用范圍的實現終端內嵌瀏覽器優化網頁加載的系統及方法。
[0005]為了實現上述目的，本發明的實現終端內嵌瀏覽器優化網頁加載的系統及方法具有如下構成:
[0006]該實現終端內嵌瀏覽器優化網頁加載的系統及方法，其主要特點是，所述的系統包括主應用模塊和新網頁處理模塊，所述的新網頁處理模塊用以接收新網頁文件，并將其處理成在瀏覽器顯示的網頁幀;所述的主應用模塊包括:
[0007]原網頁快照單元，用以在接收到新網頁加載指令時獲取當前瀏覽器顯示內容的快照，并將所述的快照在瀏覽器持續顯示；
[0008]新網頁處理監控單元，用以監控所述的新網頁處理模塊的處理過程，并在處理結果滿足系統預設的顯示需求時標記當前的狀態為合格；
[0009]新網頁替換單元，用以將狀態標記為合格時合成的網頁幀標記為完全網頁幀，并將瀏覽器顯示的快照移除，然后從所述的完全網頁幀開始，在瀏覽器上顯示后續網頁幀。
[0010]本發明還涉及一種實現終端內嵌瀏覽器優化網頁加載的方法，其特征在于，所述的方法包括以下步驟:
[0011](I)所述的原網頁快照單元在接收到新網頁加載指令時獲取當前瀏覽器顯示內容的快照，并將所述的快照在瀏覽器持續顯示；
[0012](2)所述的新網頁處理監控單元監控所述的新網頁處理模塊的處理過程，并在處理結果滿足系統預設的顯示需求時標記當前的狀態為合格；
[0013](3)所述的新網頁替換單元將狀態標記為合格時合成的網頁幀標記為完全網頁幀，并將瀏覽器顯示的快照移除，然后從所述的完全網頁幀開始，在瀏覽器上顯示后續網頁幀。
[0014]通過采用本發明的上述系統及方法，在智能電視的使用場景下，在接收到切換網頁指令時首先獲取當前瀏覽器顯示頁面的快照并作為遮罩持續顯示在瀏覽器上，通過追蹤網頁資源加載、布局和渲染的整個過程，找到整個網頁完全渲染后的完整網頁幀，并在瀏覽器上一次性顯示該幀；由于遮罩的存在，瀏覽器不會顯示出不完整的變化的網頁，從而解決瀏覽器網頁內容“逐步顯示”的問題，改善了用戶體驗。
[0015]可選地，在本發明的一個實施例中定義，新主網頁文件和必要網頁資源加載至滿足一定比例且布局完成時，所述的新網頁處理監控單元標記當前的狀態為合格，與合格狀態對應的渲染合成的網頁幀即為完全網頁幀，這里的一定比例指的是滿足系統預設現實需求的比例，此處的必要網頁資源文件為預設類型規格的網頁資源文件。
[0016]所述的新主網頁文件包括html文件，所述的必要網頁資源包括javascript文件、css文件、圖片文件、svg文件和xs 1/xs It格式文件。
[0017]此處只是對完全網頁幀的一個舉例，本發明的系統和方法中各種可配置的資源或數值，可以由設備生產廠家在出廠前設置好或開放管理員端口，由管理員端口后期上門調配，也可以適當開放端口給用戶，由用戶進行自定義的選擇更改，具有更大的自由性和靈活性。
[0018]可選地，所述的新網頁處理模塊包括加載單元、布局單元和渲染單元，所述的步驟
(2)，包括以下步驟:
[0019](2-1)所述的加載單元從網頁服務器接收新主網頁文件和新網頁資源至瀏覽器；
[0020](2-2)所述的布局單元將加載單元接收的新主網頁文件和新網頁資源解析成數個節點，并確定每個節點在瀏覽器上的顯示參數；
[0021](2-3)所述的新網頁處理監控單元在處理結果滿足系統預設的顯示需求時標記當前的狀態為合格；
[0022](2-4)所述的渲染單元根據每個節點在瀏覽器上的顯示參數進行繪制，并合成網頁幀。
[0023]可選地，本發明的終端為智能電視終端，具體地可以是智能電視或智能機頂盒。
[0024]通過采用本發明的實現終端內嵌瀏覽器優化網頁加載的系統及方法，具有如下有益技術效果:
[0025](I)在智能電視終端的使用場景下，在接收到切換網頁指令時首先獲取當前瀏覽器顯示頁面的快照并作為遮罩持續顯示在瀏覽器上，通過追蹤網頁資源加載、布局和渲染的整個過程，找到整個網頁完全渲染后的完整網頁幀，并在瀏覽器上一次性顯示該幀；由于遮罩的存在，瀏覽器不會顯示出不完整的變化的網頁，從而解決瀏覽器網頁內容“逐步顯示”的問題，改善用戶體驗，本發明采用了現有技術中沒有應用先例的方式，具有很強的獨創性；
[0026](2)本發明的系統和方法中各種可配置的類型規格和配置參數，可以由設備生產廠家在出廠前設置好或開放管理員端口，由管理員端口后期上門調配，也可以適當開放端口給用戶，由用戶進行自定義的選擇更改，具有更大的自由性和靈活性；
[0027](3)本發明的系統和方法可以應用于適配于智能電視終端中不同版本、不同內核的瀏覽器，采用其他方式處理網頁文件的，只要能夠從處理過程中選取一個時間點，該時間點合成的網頁幀可以滿足系統預設顯示需求，能夠給用戶以良好的觀看體驗即可，可以通用于各種智能電視終端，也可以應用于其他內嵌瀏覽器的終端設備，具有更廣泛的應用范圍。
【附圖說明】
[0028]圖1?2為本發明的實現終端內嵌瀏覽器優化網頁加載的系統的結構示意圖。
[0029]圖3為本發明的實現終端內嵌瀏覽器優化網頁加載的方法的基本流程圖。
[0030]圖4為本發明的新網頁加載和布局過程的流程圖。
[0031]圖5為本發明的選取完全網頁幀和瀏覽器顯示內容替換過程的流程圖。
[0032]圖6為本發明的一次渲染流程結束后繼續處理新網頁文件過程的流程圖。
[0033]附圖標記:
[0034]100主應用模塊
[0035]101原網頁快照單元
[0036]102新網頁處理監控單元
[0037]103新網頁替換單元
[0038]200新網頁處理模塊
[0039]201加載單元
[0040]202布局單元[0041 ] 203渲染單元
【具體實施方式】
[0042]為了能夠更清楚地描述本發明的技術內容，下面結合具體實施例來進行進一步的描述。
[0043]首先對本發明所涉及到的相關概念進行如下說明:
[0044]智能電視終端:可以提供智能電視播放的平臺，一般為智能電視或智能機頂盒。在本發明的一個較佳的實施例中，以智能電視終端為例來進行介紹，而本發明的應用不局限于此。
[0045]網頁文件:包括主網頁文件和網頁資源文件，主網頁文件和網頁資源文件在下方進一步介紹。
[0046]主網頁文件:瀏覽器用戶請求的url地址所指向的網頁服務器上的內容文件，一般為html格式文件。
[0047]網頁資源文件:網頁中包含的其他url地址所指向的資源文件，有多重格式，包括javascript文件、css文件、圖片文件、svg文件、視頻文件、flash文件等等。
[0048]加載:主網頁文件和網頁資源文件從網頁服務器傳送到瀏覽器的過程。
[0049]完全加載:主網頁文件及其包含的，由預設的類型規格和配置參數規定的網頁資源文件(例如，一種典型的類型規格包括:html文件、javascript文件、css文件、圖片文件、svg文件、xsl/xslt等格式的文件，但不包括視頻、音頻或流媒體文件;一種典型的配置參數是:當前類型規格中各種類型文件加載完成的比例)全部都被傳送到了瀏覽器。
[0050]布局:把主網頁文件和網頁資源文件解析生成dom樹和渲染樹，并確定渲染樹上每個節點在瀏覽器上的相對位置和大小的過程。
[0051]渲染樹:一種樹狀的數據結構，每個節點代表網頁中的一個在瀏覽器上可視的元素。
[0052]渲染:把渲染樹上的每個可視節點的內容都繪制出來，然后合成整個網頁幀的過程。
[0053 ]網頁幀:渲染樹的某次繪制合成后的輸出結果。
[0054]完全網頁幀:當網頁文件被完全加載后，經過布局和渲染，最后所生成的網頁幀。
[0055]遮罩:當前瀏覽器內容的快照，該快照被顯示在瀏覽器z坐標的最上層，它可以擋住瀏覽器其他層的內容，起到遮擋的作用。
[0056]為了實現上述目的，本發明提供一種實現終端內嵌瀏覽器優化網頁加載的系統。如圖1所示，所述的系統包括主應用模塊100和新網頁處理模塊200;所述的主應用模塊100包括原網頁快照單元101、新網頁處理監控單元102和新網頁替換單元103;其中:
[0057]所述的新網頁處理模塊200用以從網頁服務器接收新網頁文件到瀏覽器中，并對其進行處理，對于新網頁文件的處理過程可以根據瀏覽器不同而不同，但目的都是將從網頁服務器接收到的新網頁文件處理成可以在瀏覽器顯示的網頁幀；原網頁快照單元101，用以在接收到新網頁加載指令時獲取當前瀏覽器顯示內容的快照，并將所述的快照在瀏覽器持續顯示;這樣，用戶在輸入了訪問新網頁的指令后，在新的網頁準備好之前，用戶看到的一直是前一次瀏覽器顯示內容的畫面;新網頁處理監控單元102，用以監控所述的新網頁處理模塊200的處理過程，并在處理結果滿足系統預設的顯示需求時標記當前的狀態為合格；新網頁替換單元103，用以將狀態標記為合格時合成的網頁幀標記為完全網頁幀，并將瀏覽器顯示的快照移除，然后從所述的完全網頁幀開始，在瀏覽器上顯示所述新網頁處理模塊200渲染的后續網頁幀。
[0058]此處系統顯示需求可以根據不同情況進行定制，例如，由生產廠家在設備出廠前進行預先設置，或者開放端口可以由用戶自己根據需要進行定制，具體系統顯示需求的類型將在下面進一步舉例介紹。完全網頁幀標志著新的網頁已經準備好可以顯示，由瀏覽器進行切換，用戶可以直接看到一個完整的新網頁并進行各種點選操作，而不會出現逐步顯示的效果。此處對主應用模塊100的單元劃分是功能性的劃分，即根據主應用單元需要具有的功能進行了一個更細致的分類。而其他具有這些功能的技術方案，即使選用了不同的功能劃分，也屬于本發明的保護范圍之內。
[0059]在一種較佳的實施方式中，如圖2所示，所述的新網頁處理模塊200包括加載單元201、布局單元202和渲染單元203，其中:
[0060]加載單元201，用以從網頁服務器接收主網頁文件和網頁資源文件至瀏覽器;布局單元202，用以將加載的主網頁文件和網頁資源文件解析成數個節點，并確定每個節點在瀏覽器上的顯示參數;其中，解析過程可以具體為將主網頁文件和網頁資源文件解析成dom樹和渲染樹，所述的數個節點為渲染樹上的節點;進一步地，所述的每個節點在瀏覽器上的顯示參數包括每個節點在瀏覽器上顯示的相對位置和大小;渲染單元203，用以根據每個節點在瀏覽器上的顯示參數進行繪制，并合成網頁幀。
[0061]此處對新網頁處理模塊200需要具有的功能進行了一個舉例，并根據需要的功能進行了單元劃分。在實際應用中，各種不同版本、不同品牌的瀏覽器的網頁處理過程不盡相同，這里只是給出了一個示例。采用其他方式處理網頁的，只要能夠從處理過程中選取一個時間點，該時間點合成的網頁幀可以滿足系統預設顯示需求，能夠給用戶以良好的觀看體驗，即能夠實現本技術方案。
[0062]在一種更佳的實施方式中，當新網頁內容加載至滿足系統預設的顯示需求時，所述的新網頁處理監控單元102標記當前的狀態為合格，與合格狀態對應的渲染合成的網頁幀即為完全網頁幀。所述系統預設的顯示需求得到滿足的條件是:新網頁的主網頁文件和其它必要的網頁資源文件已經完全加載，所述布局模塊基于最新加載的網頁內容完成布局，并且所述渲染單元203基于最新的渲染樹合成了網頁幀。
[0063]該實施例的顯示需求使用預定義的類型規格和配置參數來進行定制，一種典型的類型規格包括javascript文件、css文件、圖片文件、svg文件和xsl/xslt格式文件。一種典型的配置參數是:當前規格中的各種類型文件加載完成的比例。例如，所述配置參數可以規定:當前規格中所有javascript、css以及xsl/xslt類型的網頁資源文件全部被加載，圖片和s Vg類型的網頁資源文件在數量上超過80 %被加載，
[0064]可以發現，在所述典型的類型規格中，不包括視頻、音頻或流媒體文件。這是因為在一般情況下，Javascript文件、css文件、圖片文件、svg文件和xsl/xslt格式文件是網頁顯示和提供功能所必須的資源，如果這些資源沒有加載，用戶會感覺顯示出的頁面是不完備的；而對于視頻、音頻或流媒體文件來說，一方面，這些文件占用空間較大、加載時間較長，如果等待這些文件完全加載，需要的時間過長，用戶在點選了新的網頁后長時間得不到回應，反而會降低用戶的使用體驗，另一方面，這些文件對于網頁的整體顯示效果和功能影響不大，可以在整體網頁顯示在瀏覽器上之后，根據用戶對視頻、音頻或流媒體文件的點選而有針對性地加載，在節省時間的同時也提升了用戶體驗。
[0065]在一種更進一步的實施方式中，所述預定義的配置參數可以規定:類型規格中所有類型的網頁資源文件都必需100%加載。這里只是對滿足系統顯示需求的情況進行了舉例，此處指出的加載至100%也只是一種具體的實施方式。在實際應用中，系統顯示需求可以通過類型規格和配置參數來進行配置，可以由設備廠家在出廠時設置好對應的配置文件，也可以開放接口由用戶來設置。
[0066]例如，用戶需要較高的用戶體驗時，可以將配置參數中的加載百分比設置得較高一些，例如，可以設置加載到90%時才標記完全網頁幀，這樣顯示的就是一個比較完整的新網頁；又或者，當用戶需要快速瀏覽模式時，可以適當降低該百分比，比如降低至加載70%時即標記完全網頁幀，這樣在加載至70%時用戶就可以看到新網頁并且在已經顯示的新網頁上進行進一步的操作，既縮短了用戶等待的時間，又在原基礎上略過了新網頁加載至70%過程中的逐步顯示，屬于兩者中和的一種方式。
[0067]下面，結合上述系統和附圖3?6(圖3?6中的步驟標號與下文中步驟標號一一對應)，給出一個在實際應用中的具體實施例來進一步清楚展示本發明的實現終端內嵌瀏覽器優化網頁加載的方法的技術方案:
[0068](SI)當用戶用遙控器切換網頁時，即在瀏覽器在裝載新的網頁之前，所述的原網頁快照單元101首先緩存當前的瀏覽器快照作為“遮罩”，保持在瀏覽器z坐標的最上層顯示，擋住下層新網頁逐步顯示的內容。
[0069]在智能電視終端中，由于內嵌瀏覽器是全屏顯示的，瀏覽器的工作區(即網頁顯示的區域)就是整個瀏覽器。這樣從用戶的角度來看，瀏覽器上的內容保持不變。其中，用戶切換網頁的方式有多種，可以是在瀏覽器的地址欄直接輸入新網頁的url，或者在原網頁上點擊一個網頁鏈接等，或者是根據用戶的預先設置，經過設定時間后自動切換界面等等。
[0070](S2)讓瀏覽器開始加載新的網頁，即新網頁處理模塊200開始處理新網頁文件。所述的加載單元201在加載網頁的同時，所述的布局單元202和清染單元203會開始布局、清染和顯示網頁(盡管網頁的資源不一定加載完成了)，即加載、布局和渲染是并行進行的，這樣可以節省用戶的等待時間。
[0071]在新網頁文件處理過程中，由于瀏覽器的最上層有遮罩擋著，用戶看不到新網頁內容的逐步顯示過程;所述的新網頁處理監控單元102檢測到新網頁資源加載完成的消息后，監視網頁的布局和渲染(繪制與合成)過程，確定合格狀態;這一步驟具體包括如下子步驟:
[0072](S2-1)所述的加載單元201從網頁服務器接收主網頁文件和網頁資源文件至瀏覽器；
[0073](S2-2)所述的布局單元202將加載的主網頁文件和網頁資源文件解析成dom樹和渲染樹，并確定渲染樹上每個節點在瀏覽器上的顯示參數，所述的顯示參數包括每個節點在瀏覽器上顯示的相對位置和大小；
[0074](S2-3)所述的新網頁處理監控單元102在處理結果滿足系統預設的顯示需求時標記當前的狀態為合格；
[0075](S2-4)所述的渲染單元203根據每個節點在瀏覽器上的顯示參數進行繪制，并合成網頁幀。
[0076]在本實施例的新網頁處理監控單元102的檢測方法為:瀏覽器在每一次觸發渲染時，讓新網頁處理監控單元102判斷當前網頁是否已經被完全加載，如果是，判斷布局是否完成，如果是，則判斷當前狀態合格;這一方式具體包括如下子步驟:
[0077](S2-3-1)當觸發網頁渲染流程時所述的新網頁處理監控單元102判斷新主網頁文件和必要網頁資源文件是否加載至滿足系統預設顯示需求的比例，如果是，則繼續步驟(S2-3-2)，否則，繼續步驟(S 2-4)；
[0078](S2-3-2)所述的新網頁處理監控單元102判斷新主網頁文件和必要網頁資源文件是否已經布局完成，如果是，則繼續步驟(S2-3-3)，否則繼續步驟(S2-4);
[0079](S2-3-3)所述的新網頁處理監控單元102標記當前狀態為合格。
[0080]其中，如上所述，新網頁包括html文件，所述的必要網頁資源文件包括javascript文件、css文件、圖片文件、svg文件和xsl/xslt格式文件，具體地，新主網頁文件和必要網頁資源文件的文件類型可以根據預定義的類型規格和配置參數進行配置，可以由設備生產廠家在出廠前設置好并且可以開放管理員端口，由管理員后期可以根據實際網絡狀態和用戶需求進行調配。另外，如上所述，滿足系統預設顯示需求的比例也是可以更改的。如果系統顯示需求很高，可以直接設置成100%，或者在用戶等待時間和加載完善度之間選一個中間值，都不違背本技術方案的思想。
[0081](S3)所述的新網頁替換單元103找到一個“完全網頁幀”并做上標記；當“完全網頁幀”最終被送到瀏覽器上顯示時，瀏覽器撤掉之前保持在瀏覽器上層的“遮罩”，露出下層的“完全網頁幀”，這樣，用戶看到的就是一個完整的新網頁，而不會看到逐步顯示的過程，提升了用戶的觀看體驗。
[0082]這一步驟具體包括如下子步驟:
[0083](S3-1)所述的新網頁替換單元103判斷所述的渲染單元203合成的網頁幀對應的狀態是否合格，如果是，則繼續步驟(S3-2)，否則繼續步驟(S3-4);
[0084](S3-2)所述的新網頁替換單元103標記該網頁幀為完全網頁幀，然后繼續步驟(S3-3);
[0085](S3-3)所述的新網頁替換單元103將瀏覽器顯示的快照移除，然后從所述的完全網頁幀開始，在瀏覽器上顯示后續網頁幀，然后繼續步驟(S3-4);
[0086](S3-4)所述的新網頁替換單元103保持所述的快照繼續顯示于所述的瀏覽器上，然后繼續步驟(S3-5);
[0087](S3-5)所述的新網頁處理監控單元102判斷新網頁是否處理完成，如果是，則結束退出，否則繼續步驟(S2)。
[0088]本發明中所提到的完全網頁幀，是從用戶體驗的角度提出的一個概念，這個概念由顯示需求來描述，由類型規格和配置參數來定制.不同的類型規格和配置參數體現了不同用戶在不同場景下對網頁渲染完成度的定義，體現了用戶的偏好.類型規格和配置參數是一種經驗參數，可以由設備廠家在對用戶使用習慣進行調查的基礎上進行一個默認配置，然后開放用戶接口，使得用戶可以根據自己的偏好進行設置.本實施例中對于方法的步驟和子步驟的一個描述，也示例性的，在實際應用中，也不僅僅限于該具體實施例的內容，其中新網頁處理過程、完全網頁幀的選擇過程等均可以有多種變體，可以適配于各種不同版本、不同內核的瀏覽器。
[0089]通過采用本發明的實現終端內嵌瀏覽器優化網頁加載的系統及方法，具有如下有益技術效果:
[0090](I)在智能電視終端的使用場景下，在接收到切換網頁指令時首先獲取當前瀏覽器顯示頁面的快照并作為遮罩持續顯示在瀏覽器上，通過追蹤網頁資源加載、布局和渲染的整個過程，找到整個網頁完全渲染后的完整網頁幀，并在瀏覽器上一次性顯示該幀；由于遮罩的存在，瀏覽器不會顯示出不完整的變化的網頁，從而解決瀏覽器網頁內容“逐步顯示”的問題，改善用戶體驗，本發明采用了現有技術中沒有應用先例的方式，具有很強的獨創性；
[0091](2)本發明的系統和方法中各種可配置的類型規格和配置參數，可以由設備生產廠家在出廠前設置好或開放管理員端口，由管理員端口后期上門調配，也可以適當開放端口給用戶，由用戶進行自定義的選擇更改，具有更大的自由性和靈活性；
[0092](3)本發明的系統和方法可以應用于適配于智能電視終端中不同版本、不同內核的瀏覽器，采用其他方式處理網頁文件的，只要能夠從處理過程中選取一個時間點，該時間點合成的網頁幀可以滿足系統預設顯示需求，能夠給用戶以良好的觀看體驗即可，可以通用于各種智能電視終端，也可以應用于其他內嵌瀏覽器的終端設備，具有更廣泛的應用范圍。
[0093]在此說明書中，本發明已參照其特定的實施例作了描述。但是，很顯然仍可以作出各種修改和變換而不背離本發明的精神和范圍。因此，說明書和附圖應被認為是說明性的而非限制性的。
【主權項】
1.一種實現終端內嵌瀏覽器優化網頁加載的系統，其特征在于，所述的系統包括主應用模塊和新網頁處理模塊，所述的新網頁處理模塊用以接收新網頁文件，并將其處理成在瀏覽器顯示的網頁幀;所述的主應用模塊包括: 原網頁快照單元，用以在接收到新網頁加載指令時獲取當前瀏覽器顯示內容的快照，并將所述的快照在瀏覽器持續顯示； 新網頁處理監控單元，用以監控所述的新網頁處理模塊的處理過程，并在處理結果滿足系統預設的顯示需求時標記當前的狀態為合格； 新網頁替換單元，用以將狀態標記為合格時合成的網頁幀標記為完全網頁幀，并將瀏覽器顯示的快照移除，然后從所述的完全網頁幀開始，在瀏覽器上顯示后續網頁幀。2.根據權利要求1所述的實現終端內嵌瀏覽器優化網頁加載的系統，其特征在于，所述的新網頁處理模塊包括: 加載單元，用以從網頁服務器接收新主網頁文件和新網頁資源文件至瀏覽器； 布局單元，用以將加載單元接收的新主網頁文件和新網頁資源文件解析成數個節點，并確定每個節點在瀏覽器上的顯示參數； 渲染單元，用以根據每個節點在瀏覽器上的顯示參數進行繪制，并合成網頁幀。3.根據權利要求2所述的實現終端內嵌瀏覽器優化網頁加載的系統，其特征在于，所述的布局單元用以將新主網頁文件和新網頁資源文件解析成dom樹和渲染樹，所述的數個節點為渲染樹上的節點。4.根據權利要求2所述的實現終端內嵌瀏覽器優化網頁加載的系統，其特征在于，所述的每個節點在瀏覽器上的顯示參數包括每個節點在瀏覽器上顯示的相對位置和大小。5.根據權利要求2所述的實現終端內嵌瀏覽器優化網頁加載的系統，其特征在于，新主網頁文件和必要網頁資源文件加載至滿足系統預設顯示需求的比例且布局完成時，所述的新網頁處理監控單元標記當前的狀態為合格，所述的必要網頁資源文件為預設類型規格的網頁資源文件。6.根據權利要求5所述的實現終端內嵌瀏覽器優化網頁加載的系統，其特征在于，所述的新主網頁文件包括html文件，所述的必要網頁資源文件包括javascript文件、css文件、圖片文件、svg文件和xs 1/xs It格式文件。7.根據權利要求5所述的實現終端內嵌瀏覽器優化網頁加載的系統，其特征在于，所述的新主網頁文件和必要網頁資源文件加載至100%時且布局完成時，所述的新網頁處理監控單元標記當前的狀態為合格。8.根據權利要求1所述的實現終端內嵌瀏覽器優化網頁加載的系統，其特征在于，所述的終端為智能電視終端。9.一種基于權利要求1至8中任一項所述的系統的實現終端內嵌瀏覽器優化網頁加載的方法，其特征在于，所述的方法包括以下步驟: (1)所述的原網頁快照單元在接收到新網頁加載指令時獲取當前瀏覽器顯示內容的快照，并將所述的快照在瀏覽器持續顯示； (2)所述的新網頁處理監控單元監控所述的新網頁處理模塊的處理過程，并在處理結果滿足系統預設的顯示需求時標記當前的狀態為合格； (3)所述的新網頁替換單元將狀態標記為合格時合成的網頁幀標記為完全網頁幀，并將瀏覽器顯示的快照移除，然后從所述的完全網頁幀開始，在瀏覽器上顯示后續網頁幀。10.根據權利要求9所述的實現終端內嵌瀏覽器優化網頁加載的方法，其特征在于，所述的新網頁處理模塊包括加載單元、布局單元和渲染單元，所述的步驟(2)，包括以下步驟:(2-1)所述的加載單元從網頁服務器接收新主網頁文件和新網頁資源文件至瀏覽器； (2-2)所述的布局單元將加載單元接收的新主網頁文件和新網頁資源文件解析成數個節點，并確定每個節點在瀏覽器上的顯示參數； (2-3)所述的新網頁處理監控單元在處理結果滿足系統預設的顯示需求時標記當前的狀態為合格； (2-4)所述的渲染單元根據每個節點在瀏覽器上的顯示參數進行繪制，并合成網頁幀。11.根據權利要求10所述的實現終端內嵌瀏覽器優化網頁加載的方法，其特征在于，所述的布局單元將加載單元接收的新主網頁文件和新網頁資源文件解析成數個節點，具體為: 所述的布局單元將新主網頁文件和新網頁資源文件解析成dom樹和渲染樹，所述的數個節點為渲染樹上的節點。12.根據權利要求10所述的實現終端內嵌瀏覽器優化網頁加載的方法，其特征在于，所述的每個節點在瀏覽器上的顯示參數包括每個節點在瀏覽器上顯示的相對位置和大小。13.根據權利要求10所述的實現終端內嵌瀏覽器優化網頁加載的方法，其特征在于，新主網頁文件和必要網頁資源文件加載至滿足系統預設顯示需求的比例且布局完成時，所述的新網頁處理監控單元標記當前的狀態為合格。14.根據權利要求13所述的實現終端內嵌瀏覽器優化網頁加載的方法，其特征在于，所述的步驟(2-3)，包括以下步驟: (2-3-1)當觸發網頁渲染流程時所述的新網頁處理監控單元判斷新主網頁文件和必要網頁資源文件是否加載至滿足系統預設顯示需求的比例，所述的必要網頁資源文件為預設類型規格的網頁資源文件，如果是，則繼續步驟(2-3-2)，否則，繼續步驟(2-4); (2-3-2)所述的新網頁處理監控單元判斷新主網頁文件和必要網頁資源文件是否已經布局完成，如果是，則繼續步驟(2-3-3)，否則繼續步驟(2-4); (2-3-3)所述的新網頁處理監控單元標記當前狀態為合格。15.根據權利要求13所述的實現終端內嵌瀏覽器優化網頁加載的方法，其特征在于，所述的新主網頁文件包括html文件，所述的必要網頁資源文件包括javascript文件、css文件、圖片文件、svg文件和xs 1/xs It格式文件。16.根據權利要求13所述的實現終端內嵌瀏覽器優化網頁加載的方法，其特征在于，所述的新主網頁文件和必要網頁資源文件加載至100%時，當前所述的渲染單元合成的網頁幀滿足系統預設需求。17.根據權利要求10所述的實現終端內嵌瀏覽器優化網頁加載的方法，其特征在于，所述的步驟(3)，包括以下步驟: (3-1)所述的新網頁替換單元判斷所述的渲染單元合成的網頁幀對應的狀態是否合格，如果是，則繼續步驟(3-2)，否則繼續步驟(3-4); (3-2)所述的新網頁替換單元標記該網頁幀為完全網頁幀，然后繼續步驟(3-3); (3-3)所述的新網頁替換單元將瀏覽器顯示的快照移除，然后從所述的完全網頁幀開始，在瀏覽器上顯示后續網頁幀，然后繼續步驟(3-4); (3-4)所述的新網頁替換單元保持所述的快照繼續顯示于所述的瀏覽器上，然后繼續步驟(3-5); (3-5)所述的新網頁處理監控單元判斷新網頁是否處理完成，如果是，則結束退出，否則繼續步驟(2)。
【文檔編號】G06F17/30GK106095460SQ201610453079
【公開日】2016年11月9日
【申請日】2016年6月21日
【發明人】吳進鋒, 陶春, 錢兆燚, 孫斌, 鄧宏
【申請人】上海聯彤網絡通訊技術有限公司