[發明專利]一種基于數字機頂盒的頁面載入方法

在審

• 申請號: 201410181566.9
• 申請日: 2014-04-30
• 公開（公告）號: CN105025367A
• 公開（公告）日: 2015-11-04
• 發明（設計）人: 胡琳琳;婁丙允;郭志川
• 申請（專利權）人: 中國科學院聲學研究所
• 主分類號: H04N21/443
• 分類號: H04N21/443
• 代理公司: 北京法思騰知識產權代理有限公司 11318
• 代理人: 楊小蓉

技術領域

本發明涉及頁面加載技術領域，尤其涉及一種基于數字機頂盒的頁面載入方法。

背景技術

隨著科技的發展，智能手機、平板電腦等嵌入式設備居于越來越重要的地位，基于智能操作系統的數字機頂盒發展越來越快，尤其是隨著數字機頂盒相關軟硬件的升級和發展，基于智能操作系統的嵌入式瀏覽器能夠呈現的內容越來越豐富。為了使頁面內容更豐富，越來越多的人嘗試使用JavaScript框架來編寫頁面或者開發應用。使用JavaScript框架來編寫頁面在PC端已經非常流行，而且技術成熟。但是由于數字機頂盒各種軟硬件因素的限制，這些使用JavaScript框架所編寫的頁面在數字機頂盒上運行的效果卻并不理想，特別是存在頁面載入速度慢的問題。

發明內容

本發明的目的在于，為解決現有數字機頂盒的頁面載入速度較慢的技術問題，本發明提供一種基于數字機頂盒的頁面載入方法，利用該方法讓使用JavaScript框架所編寫的頁面能夠流暢的運行在數字機頂盒上，通過對JavaScript框架載入速度的優化，從而提升整個頁面在數字機頂盒上的載入速度。

為實現上述目的，本發明提供了一種基于數字機頂盒的頁面載入方法，該方法針對數字機頂盒編寫的頁面或web應用。所述頁面或者web應用都有用到JavaScript框架來編寫，所述頁面載入方法包括以下幾個方面：

步驟1)將下載到本地的JavaScript框架存入數字機頂盒內；

步驟2)將步驟1)中的JavaScript框架所包含的函數接口按照功能劃分為若干個功能模塊，其中每個功能模塊對應一個.js文件；

步驟3)根據數字機頂盒的頁面所需編寫的功能調用相應的函數接口，進而在所述頁面內載入與該函數接口相對應的功能模塊。

作為上述技術方案的進一步改進，所述步驟3)中的功能模塊采用異步加載方式載入。

作為上述技術方案的進一步改進，所述的異步加載方式采用延遲加載或按需加載。

作為上述技術方案的進一步改進，所述步驟2)中的函數接口按照功能劃分為：核心方法模塊、檢測方法模塊、事件處理模塊、Ajax請求模塊、動態效果模塊或觸控模塊。

針對數字機頂盒的頁面中所用的JavaScript框架與一般PC訪問的網站頁面不同之處在于：所述的JavaScript框架不是通過一個URL地址從遠程服務器載入的，而是先把JavaScript框架下載到本地，存放于數字機頂盒的某個目錄下(比如user/data)，然后在編寫頁面的時候直接通過從本地目錄下(比如user/data)載入所需的JavaScript框架。

對于下載到本地的JavaScript框架，如果只是在寫頁面的時候直接載入，會出現只是為了使用JavaScript框架的某一個功能而需要載入整個JavaScript框架，進而造成資源的浪費；特別是當編寫一個頁面需要用到多個JavaScript框架時，這種資源浪費就更加明顯了。由于Javascript框架是一個整體，即為一個.js文件的集合，其包含若干個函數接口，為了避免現有的載入方法所造成的資源浪費，本發明的頁面載入方法把下載到本地的JavaScript框架中包含的所有函數接口按照其具體功能歸類，劃分為多個功能模塊，每個模塊對應一個.js文件，開發應用時用到某個功能，只需加載這個功能相應功能模塊的.js文件，而不需要加載整個javascript框架的.js文件。

通過把一個JavaScript框架按功能拆分為若干功能模塊，然后在寫頁面的時候只加載相應的功能模塊，這樣確實能夠提高JavaScript框架的載入速度，但是如果同時調用多個功能模塊，就會出現同一時間載入多個JavaScript文件的問題，這種并發式的同步加載極可能出現阻塞問題，因此，在上述的頁面加載方法上作進一步改進，即在只載入所需功能模塊的.js文件的基礎上，繼續對頁面JavaScript框架的載入方式進行優化，采用異步加載方式來載入所需的功能模塊，比如延遲加載或者按需加載。

本發明的一種基于數字機頂盒的頁面載入方法優點在于：

通過把JavaScript框架下載到本地，然后把下載到本地的JavaScript框架劃分為若干功能模塊，在需要用到某個模塊的接口時，采用按需加載或延遲加載的方式載入所需的功能模塊，能夠充分利用網絡帶寬資源，減小頁面載入JavaScript框架文件的大小，從而提升頁面載入速度。

附圖說明

圖1為本發明實施例中的一種基于數字機頂盒的頁面載入方法流程圖。

具體實施方式