降低瀏覽器負載的方法和裝置制造方法
【專利摘要】本發(fā)明公開了一種降低瀏覽器負載的方法和裝置，首先在主瀏覽器獲取需要打開的網頁內容并對該網頁內容進行解析后，根據預先設置的消耗瀏覽器性能的元素信息獲取解析后的網頁元素中的消耗瀏覽器性能的元素；然后將所獲取的消耗瀏覽器性能的元素組織成url；在上述消耗瀏覽器性能的元素在主瀏覽器上的位置處開啟與上述消耗瀏覽器性能的元素大小相同的子瀏覽器顯示上述url的內容；同時在主瀏覽器上隱藏上述消耗瀏覽器性能的元素。本發(fā)明把消耗瀏覽器性能的元素分離出來由子瀏覽器渲染，降低主瀏覽器的性能消耗，提高主瀏覽器的渲染速度，大大提升了由單一瀏覽器渲染顯示的效率，快速解決單一瀏覽器顯示內容多導致的不流暢問題。
【專利說明】降低瀏覽器負載的方法和裝置

【技術領域】
[0001]本發(fā)明涉及瀏覽器【技術領域】，特別是涉及一種降低瀏覽器負載的方法和裝置。

【背景技術】
[0002]隨著瀏覽器的發(fā)展，現(xiàn)在瀏覽器已經能支持2D (2Dimens1ns, 二維)，3D (3Dimens1ns,三維)應用和 GPU (Graphic Processing Unit,圖形處理器)硬件加速。雖然瀏覽器在顯示一些元素時已經采用了硬件加速的能力，但是瀏覽器頁面元素多的情況下，對于一些負載少的web (互聯(lián)網)應用程序，瀏覽器自然沒有任何壓力，但是對于一些負載大，比如瀏覽器中顯示了四五個高清視頻元素，或者瀏覽器內顯示一些flash(—種動畫創(chuàng)造軟件)動畫效果。這些元素很影響瀏覽器的渲染速度，同時會影響整個頁面的渲染，使得瀏覽器出現(xiàn)卡頓現(xiàn)象。


【發(fā)明內容】

[0003]基于上述情況，本發(fā)明提出了一種降低瀏覽器負載的方法，把消耗瀏覽器性能的元素分離出來由子瀏覽器渲染，降低主瀏覽器的性能消耗，同時提高主瀏覽器的渲染速度，大大提升了由單一瀏覽器渲染顯示的效率，降低了單一瀏覽器的負載，使得在操作上更流暢。
[0004]為了實現(xiàn)上述目的，本發(fā)明技術方案的實施例為:
[0005]一種降低瀏覽器負載的方法，包括以下步驟:
[0006]在主瀏覽器獲取需要打開的網頁內容并對所述網頁內容進行解析后，根據預先設置的消耗瀏覽器性能的元素信息獲取所述解析后的網頁元素中的消耗瀏覽器性能的元素；
[0007]將所述消耗瀏覽器性能的元素組織成url (Uniform Resource Locator,統(tǒng)一資源定位符)；
[0008]在所述消耗瀏覽器性能的元素在所述主瀏覽器上的位置處開啟與所述消耗瀏覽器性能的元素大小相同的子瀏覽器顯示所述url的內容；
[0009]在所述主瀏覽器上隱藏所述消耗瀏覽器性能的元素。
[0010]針對現(xiàn)有技術問題，本發(fā)明還提出了一種降低瀏覽器負載的裝置，把一個瀏覽器要顯示的消耗瀏覽器性能的元素分離給子瀏覽器顯示，快速解決單一瀏覽器顯示內容多導致的不流暢問題，結構簡單、成本低，符合實際應用。
[0011]本發(fā)明技術方案的實施例為:
[0012]一種降低瀏覽器負載的裝置，包括:
[0013]獲取模塊，用于在主瀏覽器獲取需要打開的網頁內容并對所述網頁內容進行解析后，根據預先設置的消耗瀏覽器性能的元素信息獲取所述解析后的網頁元素中的消耗瀏覽器性能的元素；
[0014]組織模塊，用于將所述消耗瀏覽器性能的元素組織成url ；
[0015]開啟模塊，用于在所述消耗瀏覽器性能的元素在所述主瀏覽器上的位置處開啟與所述消耗瀏覽器性能的元素大小相同的子瀏覽器顯示所述url的內容；
[0016]隱藏模塊，用于在所述主瀏覽器上隱藏所述消耗瀏覽器性能的元素。
[0017]與現(xiàn)有技術相比，本發(fā)明的有益效果為:本發(fā)明降低瀏覽器負載的方法和裝置，把消耗瀏覽器性能的元素分離出來由子瀏覽器渲染，降低主瀏覽器的性能消耗，同時提高主瀏覽器的渲染速度，大大提升了由單一瀏覽器渲染顯示的效率，降低了單一瀏覽器的負載，快速解決單一瀏覽器顯示內容多導致的不流暢問題。

【專利附圖】

【附圖說明】
[0018]圖1為一個實施例中降低瀏覽器負載的方法流程圖；
[0019]圖2為一個實施例中單一瀏覽器顯示頁面的方法流程圖；
[0020]圖3為基于圖1所示方法一個具體示例中降低瀏覽器負載的方法流程圖；
[0021]圖4為一個實施例中單一瀏覽器顯示頁面的效果圖；
[0022]圖5為應用本發(fā)明降低瀏覽器負載的方法分離出圖4主瀏覽器中的flash插件的效果圖；
[0023]圖6為應用本發(fā)明降低瀏覽器負載的方法由子瀏覽器顯示圖5分離出的主瀏覽器中的flash插件的效果圖；
[0024]圖7為一個實施例中降低瀏覽器負載的裝置結構示意圖。

【具體實施方式】
[0025]為使本發(fā)明的目的、技術方案及優(yōu)點更加清楚明白，以下結合附圖及實施例，對本發(fā)明進行進一步的詳細說明。應當理解，此處所描述的【具體實施方式】僅僅用以解釋本發(fā)明，并不限定本發(fā)明的保護范圍。
[0026]一個實施例中降低瀏覽器負載的方法，如圖1所示，包括以下步驟:
[0027]步驟SlOl:在主瀏覽器獲取需要打開的網頁內容并對所述網頁內容進行解析后，根據預先設置的消耗瀏覽器性能的元素信息獲取所述解析后的網頁元素中的消耗瀏覽器性能的元素；
[0028]步驟S102:將所述消耗瀏覽器性能的元素組織成url ；
[0029]步驟S103:在所述消耗瀏覽器性能的元素在所述主瀏覽器上的位置處開啟與所述消耗瀏覽器性能的元素大小相同的子瀏覽器顯示所述url的內容；
[0030]步驟S104:在所述主瀏覽器上隱藏所述消耗瀏覽器性能的元素。
[0031]當主瀏覽器中有多個消耗瀏覽器性能的元素時，分別將多個消耗瀏覽器性能的元素組織成url，在每一個消耗瀏覽器性能的元素在上述主瀏覽器上的位置處開啟一個與該消耗瀏覽器性能的元素大小相同的子瀏覽器顯示上述url的內容，一個url由一個子瀏覽器進行顯示。
[0032]從以上描述可知，本發(fā)明降低瀏覽器負載的方法，把消耗瀏覽器性能的元素分離出來由子瀏覽器渲染，降低主瀏覽器的性能消耗，同時提高主瀏覽器的渲染速度，適合實際應用。
[0033]作為一個實施例，所述根據預先設置的消耗瀏覽器性能的元素信息獲取所述解析后的網頁元素中的消耗瀏覽器性能的元素的步驟包括:
[0034]當所述解析后的網頁元素中包括視頻標簽或flash插件，且所述視頻標簽或flash插件的寬度和/或高度大于預先設置的視頻標簽或flash插件的寬度閾值和/或高度閾值時，所述解析后的網頁元素中的視頻標簽或flash插件為消耗瀏覽器性能的元素；
[0035]例如定義視頻標簽為消耗瀏覽器性能的元素，且設置該視頻標簽的寬度閾值為800或高度閾值為600，當對網頁內容解析后的網頁元素中包括視頻標簽，且該視頻標簽的寬度大于800或高度大于600時，解析后的網頁元素中的該視頻標簽為消耗瀏覽器性能的元素；
[0036]在此可以根據實際情況，在消耗瀏覽器性能的元素信息中添加多種定義規(guī)則，在單一瀏覽器中分離出消耗瀏覽器性能的元素由子瀏覽器渲染，降低了單一瀏覽器的負載。
[0037]作為一個實施例，所述根據預先設置的消耗瀏覽器性能的元素信息獲取所述解析后的網頁元素中的消耗瀏覽器性能的元素的步驟包括:
[0038]當所述解析后的網頁元素中包括視頻標簽或flash插件元素，且所述視頻標簽或flash插件的元素屬性包括split = 1時，所述解析后的網頁元素中的視頻標簽或flash插件為消耗瀏覽器性能的元素；
[0039]例如定義flash插件為消耗瀏覽器性能的元素，且對該flash插件添加元素屬性split = 1，當對網頁內容解析后的網頁元素中包括flash插件，且該flash插件的元素屬性包括split = 1時，解析后的網頁元素中的該flash插件為消耗瀏覽器性能的元素；
[0040]在此可以根據實際情況，在消耗瀏覽器性能的元素信息中添加多種定義屬性，把消耗瀏覽器性能的元素分離出來由子瀏覽器渲染，降低主瀏覽器的性能消耗。
[0041]作為一個實施例，所述消耗瀏覽器性能的元素在所述主瀏覽器上的位置、大小和內容根據所述解析后的網頁元素得到，根據上述信息在指定位置開啟指定大小的子瀏覽器對消耗瀏覽器性能的元素組織成的url內容進行顯示，應用價值高。
[0042]作為一個實施例，所述主瀏覽和子瀏覽器均為無邊框瀏覽器，使整個系統(tǒng)看上去由一個瀏覽器顯示，方便用戶查看，適合應用。
[0043]為了更好地理解本方法，以下詳細闡述一個本發(fā)明降低瀏覽器負載的方法應用實例。
[0044]一個實施例中單一瀏覽器顯示頁面的方法如圖2所示，包括步驟:
[0045]步驟S201:開啟瀏覽器；
[0046]步驟S202:從網絡中或者本地獲取瀏覽器需要打開的網頁內容；
[0047]步驟S203:瀏覽器HTML (Hyper Text Markup language,超級文本標記語言)解析器中的CSS解析器、D0M解析器和Javascript引擎分別解析獲取的網頁內容；
[0048]步驟S204:解析完成后生產瀏覽器內部表示的內容；
[0049]步驟S205:對網頁元素進行布局和渲染繪制；
[0050]步驟S206:顯示網頁內容。
[0051]如圖3所示，本發(fā)明降低瀏覽器負載的方法的應用實例可以包括以下步驟:
[0052]步驟S301:定義flash插件為消耗瀏覽器性能的元素，且對該flash插件添加元素屬性split = 1 ；
[0053]步驟S302:在啟動主瀏覽器、獲取需要打開的網頁內容并對該網頁內容進行D0M解析后，讀取上述預先設置的消耗瀏覽器性能的元素信息，當解析后的網頁元素中包括flash插件,且該flash插件的元素屬性包括split = I時,該flash插件為消耗瀏覽器性能的元素；
[0054]步驟S303:將上述所獲取的flash插件組織成url ；
[0055]步驟S304:在上述消耗瀏覽器性能的元素在主瀏覽器上的位置處開啟與上述消耗瀏覽器性能的元素大小相同的子瀏覽器顯示上述url的內容；上述消耗瀏覽器性能的元素在主瀏覽器上的位置、大小和內容根據上述解析后的網頁元素得到；
[0056]步驟S305:在主瀏覽器上隱藏上述消耗瀏覽器性能的元素，主瀏覽器不對該消耗瀏覽器性能的元素進行顯示；
[0057]例如對網頁內容進行DOM解析后的網頁元素中包括flash插件〈embedstyle = 〃posit1n: absolute ; z-1ndex:3 ; left:300px ; top:1OOpx ; 〃width =〃1000〃height = 〃1000〃name = 〃plugin〃src = 〃test.swf〃type = "applicat1n/x-shockwave-flash〃split = 〃l〃/>,該 flash 插件的兀素屬性包括 split = I,該 flash插件為消耗瀏覽器性能的元素，將上述所獲取的flash插件組織成url，在主瀏覽器左上角相對位置X為300，y為100的地方開啟一個寬1000，高1000的子瀏覽器顯示內容為 data:text/html ；charset = utf-8, <embed style = ’left:Opx ;top:Opx’width=’ 1000’height = ’ 1000’name = ’plugin’src = ' test, swf' type = ’applicat1n/χ-shockwave-flash' >的一個url,同時在主瀏覽器隱藏該flash插件,不對該flash插件進行顯示；
[0058]當解析出多個消耗瀏覽器性能的元素時，分別將多個消耗瀏覽器性能的元素分別組織成多個url，在每一個消耗瀏覽器性能的元素在上述主瀏覽器上的位置處開啟一個與該消耗瀏覽器性能的元素大小相同的子瀏覽器顯示該消耗瀏覽器性能的元素組織成的url內容，一個url由一個子瀏覽器進行顯示，這樣主瀏覽器中的一些負載較高的元素都由不同的子瀏覽器中去渲染顯示，降低了主瀏覽器的負載，使主瀏覽器的其它操作變得流暢，主瀏覽和子瀏覽器均為無邊框瀏覽器，使整個系統(tǒng)看上去由一個瀏覽器顯示，方便用戶查看。
[0059]本應用實例把消耗瀏覽器性能的元素分離出來由子瀏覽器渲染，降低主瀏覽器的性能消耗，同時提高主瀏覽器的渲染速度，大大提升了由單一瀏覽器渲染顯示的效率，降低了單一瀏覽器的負載，快速解決單一瀏覽器顯示內容多導致的不流暢問題。
[0060]圖4為一個實施例中單一瀏覽器顯示頁面的效果圖，單一瀏覽器內顯示一些flash插件，flash插件消耗瀏覽器性能，影響瀏覽器的渲染速度，使得瀏覽器出現(xiàn)卡頓的現(xiàn)象。圖5為對圖4應用本發(fā)明降低瀏覽器負載的方法，將主瀏覽器中消耗瀏覽器性能的元素flash插件分離出來。圖6將圖5從主瀏覽器分離出的消耗瀏覽器性能的元素flash插件由子瀏覽器渲染顯示，即在主瀏覽器原flash插件的位置開啟一個與原flash插件大小相同的子瀏覽器顯示該flash插件內容，主瀏覽器上隱藏flash插件，不再顯示該flash插件，從圖可以看出在最下層有一個主瀏覽器，上層開啟了一個子瀏覽器顯示該flash插件，主瀏覽和子瀏覽器均為無邊框瀏覽器，使整個系統(tǒng)看上去由一個瀏覽器顯示，方便用戶查看，把消耗主瀏覽器性能的元素分離出來由子瀏覽器渲染，降低主瀏覽器的性能消耗，同時提高主瀏覽器的渲染速度，大大提升了由單一瀏覽器渲染顯示的效率，降低了單一瀏覽器的負載，快速解決單一瀏覽器顯示內容多導致的不流暢問題。
[0061]一個實施例中降低瀏覽器負載的裝置，如圖7所示，包括:
[0062]獲取模塊702，用于在主瀏覽器701獲取需要打開的網頁內容并對所述網頁內容進行解析后，根據預先設置的消耗瀏覽器性能的元素信息獲取所述解析后的網頁元素中的消耗瀏覽器性能的元素；
[0063]組織模塊703，用于將所述消耗瀏覽器性能的元素組織成url ；
[0064]開啟模塊704，用于在所述消耗瀏覽器性能的元素在所述主瀏覽器701上的位置處開啟與所述消耗瀏覽器性能的元素大小相同的子瀏覽器705顯示所述url的內容；
[0065]隱藏模塊706，用于在所述主瀏覽器701上隱藏所述消耗瀏覽器性能的元素。
[0066]如圖7所示，首先獲取模塊702在主瀏覽器701獲取需要打開的網頁內容并對所述網頁內容進行解析后，根據預先設置的消耗瀏覽器性能的元素信息獲取所述解析后的網頁元素中的消耗瀏覽器性能的元素；然后組織模塊703將所獲取的消耗瀏覽器性能的元素組織成url ;開啟模塊704在上述消耗瀏覽器性能的元素在主瀏覽器701上的位置處開啟與上述消耗瀏覽器性能的元素大小相同的子瀏覽器705顯示上述url的內容；同時隱藏模塊706在主瀏覽器701上隱藏上述消耗瀏覽器性能的元素，不對該消耗瀏覽器性能的元素進行顯示。
[0067]從以上描述可知，本發(fā)明降低瀏覽器負載的裝置，把一個瀏覽器要顯示的消耗瀏覽器性能的元素分離給子瀏覽器顯示，快速解決單一瀏覽器顯示內容多導致的不流暢問題，結構簡單、成本低，符合實際應用。
[0068]作為一個實施例，所述獲取模塊702包括:
[0069]獲取單元一，用于當所述解析后的網頁元素中包括視頻標簽或flash插件，且所述視頻標簽或flash插件的寬度和/或高度大于預先設置的視頻標簽或flash插件的寬度閾值和/或高度閾值時，所述解析后的網頁元素中的視頻標簽或flash插件為消耗瀏覽器性能的元素；
[0070]例如定義視頻標簽為消耗瀏覽器性能的元素，且設置該視頻標簽的寬度閾值為800或高度閾值為600，當解析后的網頁元素中包括視頻標簽，且該視頻標簽的寬度大于800或高度大于600時，獲取單元一得到解析后的網頁元素中的該視頻標簽為消耗瀏覽器性能的元素；
[0071]在此可以根據實際情況，在消耗瀏覽器性能的元素信息中添加多種定義規(guī)則，在單一瀏覽器中分離出消耗瀏覽器性能的元素由子瀏覽器渲染，降低了單一瀏覽器的負載。
[0072]作為一個實施例，所述獲取模塊702包括:
[0073]獲取單元二，用于當所述解析后的網頁元素中包括視頻標簽或flash插件元素，且所述視頻標簽或flash插件的元素屬性包括split = 1時，所述解析后的網頁元素中的視頻標簽或flash插件為消耗瀏覽器性能的元素；
[0074]例如定義flash插件為消耗瀏覽器性能的元素，且對該flash插件添加元素屬性split = 1,當解析后的網頁元素中包括flash插件，且該flash插件的元素屬性包括split=1，獲取單元二得到解析后的網頁元素中的該flash插件為消耗瀏覽器性能的元素；
[0075]在此可以根據實際情況，在消耗瀏覽器性能的元素信息中添加多種定義屬性，把消耗瀏覽器性能的元素分離出來由子瀏覽器渲染，降低主瀏覽器的性能消耗。
[0076]作為一個實施例，所述消耗瀏覽器性能的元素在所述主瀏覽器上的位置、大小和內容根據所述解析后的網頁元素得到，根據上述信息在指定位置開啟指定大小的子瀏覽器對消耗瀏覽器性能的元素組織成的url內容進行顯示，應用價值高。
[0077]作為一個實施例，所述主瀏覽和子瀏覽器均為無邊框瀏覽器，使整個系統(tǒng)看上去由一個瀏覽器顯示，方便用戶查看，適合應用。
[0078]以上所述實施例僅表達了本發(fā)明的幾種實施方式，其描述較為具體和詳細，但并不能因此而理解為對本發(fā)明專利范圍的限制。應當指出的是，對于本領域的普通技術人員來說，在不脫離本發(fā)明構思的前提下，還可以做出若干變形和改進，這些都屬于本發(fā)明的保護范圍。因此，本發(fā)明專利的保護范圍應以所附權利要求為準。
【權利要求】
1.一種降低瀏覽器負載的方法，其特征在于，包括以下步驟: 在主瀏覽器獲取需要打開的網頁內容并對所述網頁內容進行解析后，根據預先設置的消耗瀏覽器性能的元素信息獲取所述解析后的網頁元素中的消耗瀏覽器性能的元素； 將所述消耗瀏覽器性能的元素組織成Url ； 在所述消耗瀏覽器性能的元素在所述主瀏覽器上的位置處開啟與所述消耗瀏覽器性能的元素大小相同的子瀏覽器顯示所述url的內容； 在所述主瀏覽器上隱藏所述消耗瀏覽器性能的元素。
2.根據權利要求1所述的降低瀏覽器負載的方法，其特征在于，所述根據預先設置的消耗瀏覽器性能的元素信息獲取所述解析后的網頁元素中的消耗瀏覽器性能的元素的步驟包括: 當所述解析后的網頁元素中包括視頻標簽或flash插件，且所述視頻標簽或flash插件的寬度和/或高度大于預先設置的視頻標簽或flash插件的寬度閾值和/或高度閾值時，所述解析后的網頁元素中的視頻標簽或flash插件為消耗瀏覽器性能的元素。
3.根據權利要求1所述的降低瀏覽器負載的方法，其特征在于，所述根據預先設置的消耗瀏覽器性能的元素信息獲取所述解析后的網頁元素中的消耗瀏覽器性能的元素的步驟包括: 當所述解析后的網頁元素中包括視頻標簽或flash插件元素，且所述視頻標簽或flash插件的元素屬性包括split = I時,所述解析后的網頁元素中的視頻標簽或flash插件為消耗瀏覽器性能的元素。
4.根據權利要求1至3中任意一項所述的降低瀏覽器負載的方法，其特征在于，所述消耗瀏覽器性能的元素在所述主瀏覽器上的位置、大小和內容根據所述解析后的網頁元素得到。
5.根據權利要求4所述的降低瀏覽器負載的方法，其特征在于，所述主瀏覽和子瀏覽器均為無邊框瀏覽器。
6.一種降低瀏覽器負載的裝置，其特征在于，包括: 獲取模塊，用于在主瀏覽器獲取需要打開的網頁內容并對所述網頁內容進行解析后，根據預先設置的消耗瀏覽器性能的元素信息獲取所述解析后的網頁元素中的消耗瀏覽器性能的元素； 組織模塊，用于將所述消耗瀏覽器性能的元素組織成url ； 開啟模塊，用于在所述消耗瀏覽器性能的元素在所述主瀏覽器上的位置處開啟與所述消耗瀏覽器性能的元素大小相同的子瀏覽器顯示所述url的內容； 隱藏模塊，用于在所述主瀏覽器上隱藏所述消耗瀏覽器性能的元素。
7.根據權利要求6所述的降低瀏覽器負載的裝置，其特征在于，所述獲取模塊包括: 獲取單元一，用于當所述解析后的網頁元素中包括視頻標簽或flash插件，且所述視頻標簽或flash插件的寬度和/或高度大于預先設置的視頻標簽或flash插件的寬度閾值和/或高度閾值時，所述解析后的網頁元素中的視頻標簽或flash插件為消耗瀏覽器性能的元素。
8.根據權利要求6所述的降低瀏覽器負載的裝置，其特征在于，所述獲取模塊包括: 獲取單元二，用于當所述解析后的網頁元素中包括視頻標簽或flash插件元素，且所述視頻標簽或flash插件的元素屬性包括split = I時,所述解析后的網頁元素中的視頻標簽或flash插件為消耗瀏覽器性能的元素。
9.根據權利要求6至8中任意一項所述的降低瀏覽器負載的裝置，其特征在于，所述消耗瀏覽器性能的元素在所述主瀏覽器上的位置、大小和內容根據所述解析后的網頁元素得到。
10.根據權利要求9所述的降低瀏覽器負載的裝置，其特征在于，所述主瀏覽和子瀏覽器均為無邊框瀏覽器。
【文檔編號】G06F17/30GK104462359SQ201410742962
【公開日】2015年3月25日 申請日期:2014年12月5日 優(yōu)先權日:2014年12月5日
【發(fā)明者】蘇志群, 李嶸 申請人:廣東威創(chuàng)視訊科技股份有限公司