本發(fā)明涉及WEB技術(shù)領(lǐng)域，尤其涉及一種基于HTML5localStorage技術(shù)的WEB頁面快速加載的方法。
背景技術(shù)：
現(xiàn)有網(wǎng)頁平臺中，打開WEB頁面需要進行資源下載，若WEB頁面的開發(fā)使用了某些框架(如Extjs)，就會引用龐大的JS文件(即JavaScript腳本文件)及CSS文件，那么WEB頁面加載的速度會變慢，因為WEB頁面必須等待所有的JS文件加載完成后，才能被成功渲染并呈現(xiàn)在用戶面前，特別是在網(wǎng)絡較差的情況下，資源的加載和WEB頁面的呈現(xiàn)需要相對較長一段時間，影響用戶體驗。
技術(shù)實現(xiàn)要素：
本發(fā)明要解決的技術(shù)問題，在于提供一種WEB頁面快速加載方法，在網(wǎng)絡較差情況下，可快速加載頁面，提高用戶體驗。
本發(fā)明是這樣實現(xiàn)的：一種WEB頁面快速加載方法，包括如下步驟：
步驟1、瀏覽器通過WEB頁面地址獲取當前JS文件版本號以及本地JS文件版本號，判斷版本是否有更新，若是，則進入步驟2，否則，進入步驟3；
步驟2、根據(jù)用戶需求選擇是否更新，若用戶選擇更新，則向服務器請求獲取最新的JS文件執(zhí)行，并將最新的JS文件及其版本號存入localStorage，結(jié)束流程，否則，進入步驟3；
步驟3、直接讀取localStorage中的JS文件執(zhí)行。
進一步的，所述“若用戶選擇更新，則向服務器請求獲取最新的JS文件執(zhí)行，并將最新的JS文件及其版本號存入localStorage”具體為：
若用戶選擇更新，則向服務器請求獲取最新的JS文件，并判斷請求時間是否超過一規(guī)定值，若是，則讀取localStorage中的JS文件執(zhí)行，同時在后臺繼續(xù)請求最新的JS文件，并將請求得到的JS文件以及其版本號存入localStorage，否則，執(zhí)行最新的JS文件，并將最新的JS文件及其版本號存入localStorage。
本發(fā)明具有如下優(yōu)點：利用HTML5的localStorage特性，即本地存儲技術(shù)，兼容市面上大部分瀏覽器，在網(wǎng)絡較差的情況下，直接使用localStorage中的JS文件，減少向服務器發(fā)起的請求次數(shù)，如果更新WEB頁面時間太久，則會默認從localStorage中讀取JS文件，讓用戶快速打開WEB頁面，并在后臺向服務器請求獲取新版本的JS文件，在請求成功后存入localStorage中，供下次使用，大大減少獲取頁面的時間，提升用戶體驗。
附圖說明
下面參照附圖結(jié)合實施例對本發(fā)明作進一步的說明。
圖1為本發(fā)明一種WEB頁面快速加載方法執(zhí)行流程圖。
具體實施方式
如圖1所示，本發(fā)明一種WEB頁面快速加載方法，包括如下步驟：
步驟1、瀏覽器通過WEB頁面地址獲取當前JS文件版本號以及本地JS文件版本號，判斷版本是否有更新，若是，則進入步驟2，否則，進入步驟3；
步驟2、根據(jù)用戶需求選擇是否更新，若用戶選擇更新，則向服務器請求獲取最新的JS文件執(zhí)行，并將最新的JS文件及其版本號存入localStorage，結(jié)束流程，否則，進入步驟3；
步驟3、直接讀取localStorage中的JS文件執(zhí)行。
所述“若用戶選擇更新，則向服務器請求獲取最新的JS文件執(zhí)行，并將最新的JS文件及其版本號存入localStorage”具體為：
若用戶選擇更新，則向服務器請求獲取最新的JS文件，并判斷請求時間是否超過一規(guī)定值，若是，則讀取localStorage中的JS文件執(zhí)行，同時在后臺繼續(xù)請求最新的JS文件，并將請求得到的JS文件以及其版本號存入localStorage，否則，執(zhí)行最新的JS文件，并將最新的JS文件及其版本號存入localStorage。
本發(fā)明通過將較大的JS文件存入localStorage(本地存儲)，在無更新版本時，直接從本地獲取JS文件，無需從服務器加載，減少資源下載，在JS文件需要更新時，從服務器加載后存入localStorage(本地存儲)，在下次使用時可直接從localStorage讀取并執(zhí)行，若更新時間太久，則會默認從localStorage中讀取JS文件，讓用戶在網(wǎng)絡較差時也能正常使用WEB頁面，同時在后臺繼續(xù)向服務器請求新版本的JS文件，并在請求成功后存入localStorage，減小由于網(wǎng)絡較差帶來加載失敗或加載時間久的問題，大大提高WEB頁面加載速度。
上述localStorage是HTML5中新加入的一個特性，主要是用來作為本地存儲來使用的。
雖然以上描述了本發(fā)明的具體實施方式，但是熟悉本技術(shù)領(lǐng)域的技術(shù)人員應當理解，我們所描述的具體的實施例只是說明性的，而不是用于對本發(fā)明的范圍的限定，熟悉本領(lǐng)域的技術(shù)人員在依照本發(fā)明的精神所作的等效的修飾以及變化，都應當涵蓋在本發(fā)明的權(quán)利要求所保護的范圍內(nèi)。