[發(fā)明專利]一種降低網(wǎng)頁瀏覽器加載負載的方法及其裝置

有效

• 申請?zhí)枺?/td>: 201310218933.3
• 申請日: 2013-06-04
• 公開（公告）號: CN103279541A
• 公開（公告）日: 2013-09-04
• 發(fā)明（設計）人: 安然;張鍇
• 申請（專利權）人: 天津市天安怡和信息技術有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 天津市北洋有限責任專利代理事務所 12201
• 代理人: 溫國林

技術領域

本發(fā)明屬于網(wǎng)絡信息領域，涉及一種以網(wǎng)頁瀏覽器為主要對象，致力于減少網(wǎng)站所耗帶寬及流量、降低網(wǎng)頁瀏覽器在加載JavaScript腳本及呈現(xiàn)前端動態(tài)效果時的負載，特別涉及一種降低網(wǎng)頁瀏覽器加載負載的方法及其裝置。

背景技術

隨著互聯(lián)網(wǎng)的普及以及用戶體驗的需要，越來越多的網(wǎng)站在建站過程中首先考慮的便是提供交互性更強的動態(tài)效果的同時滿足大多數(shù)網(wǎng)頁瀏覽器的兼容性；但是由于網(wǎng)頁瀏覽器種類多樣，版本紛繁復雜，所承載瀏覽器的設備不斷更新，想要確保瀏覽器兼容性可謂難上加難。

網(wǎng)頁動態(tài)交互效果的實現(xiàn)技術多種多樣，而能給用戶極佳體驗的唯有JavaScript腳本一種，而JavaScript在不同瀏覽器之間的實現(xiàn)也不盡相同，加上網(wǎng)頁設計師水平的參差不齊，就算使用JavaScript也不一定能達到預期的效果。為了解決這些問題，JavaScript框架與UI(界面組件，例如：按鈕、下拉菜單、復選框、表格和窗口等)層出不窮，例如：JQuery、Dojo和ExtJs等等。

不論公眾網(wǎng)站中還是在政務或辦公自動化系統(tǒng)中，<iframe>標簽成為組織網(wǎng)頁的一種重要形式，可以將整個網(wǎng)頁拆解為多個部分，每個部分相互配合，交互，替換來實現(xiàn)一個網(wǎng)頁應有的功能，簡化網(wǎng)頁設計以及提高重用性。

在這樣一個用了大量JavaScript框架與UI組件的網(wǎng)站中每個<iframe>加載一次均要重新加載所需的JavaScript框架與UI組件，這帶來了極高的網(wǎng)絡開銷及網(wǎng)頁瀏覽器負載。

發(fā)明內(nèi)容

本發(fā)明提供了一種降低網(wǎng)頁瀏覽器加載負載的方法及其裝置，本發(fā)明降低了網(wǎng)頁瀏覽器的負載和網(wǎng)絡開銷，提高了使用效率，詳見下文描述：

一種降低網(wǎng)頁瀏覽器加載負載的方法，所述方法包括：

在主頁面或者最先加載的標簽中一次性統(tǒng)一加載第一JavaScript框架與UI組件；

通過工廠方法生成第二標簽，并監(jiān)聽所述第二標簽中加載頁面完成的事件；

當所述第二標簽沒有加載預設JavaScript框架與界面組件時，構建與所述預設JavaScript框架與UI組件相匹配的淺克隆對象；

將所述淺克隆對象注入所述第二標簽中的頁面，獲取第三標簽，并修正所述第三標簽中的頁面；

執(zhí)行修正后第三標簽加載頁面的回調(diào)，生成瀏覽器中的頁面。

所述當?shù)诙撕灈]有加載預設JavaScript框架與界面組件時，構建與所述預設JavaScript框架與UI組件相匹配的淺克隆對象的過程具體為：

當所述第二標簽加載頁面完成后，判斷所述第二標簽是否已經(jīng)加載了所述預設JavaScript框架與UI組件，如果是，流程結束，如果否，構建與所述預設JavaScript框架與UI組件相匹配的淺克隆對象。

所述修正第三標簽中的頁面的過程具體為：修正與父頁面中名稱一樣但是并不等同的對象或者類。

另，一種降低網(wǎng)頁瀏覽器加載負載的方法，所述方法包括：

在主頁面或者最先加載的標簽中一次性統(tǒng)一加載第一JavaScript框架與UI組件；

通過工廠方法生成第二標簽，并監(jiān)聽所述第二標簽中加載頁面完成的事件；

當所述第二標簽沒有加載預設JavaScript框架與界面組件時，修正第二標簽中的頁面，構建與所述預設JavaScript框架與UI組件相匹配的淺克隆對象；

將所述淺克隆對象注入修正后第二標簽中的頁面，獲取第三標簽；

執(zhí)行所述第三標簽加載頁面的回調(diào)，生成瀏覽器中的頁面，流程結束。

所述當?shù)诙撕灈]有加載預設JavaScript框架與界面組件時，修正第二標簽中的頁面，構建與預設JavaScript框架與UI組件相匹配的淺克隆對象的過程具體為：

當所述第二標簽加載頁面完成后，判斷所述第二標簽是否已經(jīng)加載了所述預設JavaScript框架與UI組件，如果是，流程結束，如果否，修正第二標簽中的頁面，構建與所述預設JavaScript框架與UI組件相匹配的淺克隆對象。

所述修正第二標簽中的頁面的過程具體為：修正與父頁面中名稱一樣但是并不等同的對象或者類。

另，一種降低網(wǎng)頁瀏覽器加載負載的方法，所述方法包括：

在主頁面或者最先加載的標簽中一次性統(tǒng)一加載第一JavaScript框架與UI組件；

通過工廠方法生成第二標簽，并監(jiān)聽所述第二標簽中加載頁面完成的事件；