HTML5實現圖書館資源離線閱讀的探討

摘要：針對圖書館電子文獻資源在線閱讀，所遇到的網絡斷線下無法瀏覽問題。提出用新興的HTML5中的離線應用技術，在線時將所需要保存的資源有選擇性地存儲在本地機中，離線情況下再從本地提取資源進行離線閱讀的可行性和實施方案。來探討利用HTML5技術對圖書館電子版文獻資源的閱讀流暢性問題的解決。

關鍵詞：Html5；圖書館；離線應用

一、引言

隨著互聯網技術的飛速發展，高校圖書館在傳統的紙質圖書的訂購和借閱服務的同時，也大量普及電子版文獻資源，以供校內外讀者可以對信息資源進行在線瀏覽和閱讀。近幾年，隨著移動通訊技術的興起，手機、平板等移動終端成為讀者進行信息資源在線瀏覽的載體。[1]各種移動終端進行網絡互聯往往使用無線通訊。而無線通訊的弱點就是間斷性的網絡連接。因為網絡覆蓋率和無線信號強弱等問題，我們無法保證讀者的終端能時刻跟圖書館的資源服務器進行連接。這給進行信息查閱的讀者在流暢性上帶來極大的不便。

二、HTML5技術

傳統的HTML技術通過瀏覽器網頁緩存[2]和Cookie技術在客戶端來儲存網絡服務器的少量數據。但是Cookie只有4KB的存儲空間，只能存儲用戶ID等標志性信息，完全無法滿足圖書信息的離線存儲。Flex等Web前端開發技術，其本地化存儲空間可以無限擴展。但是Flash的垃圾處理機制的不完善，使得其在移動終端上的功耗巨大，應用范圍無法擴展。新興的HTML5技術加入了本地存儲和離線應用這兩個功能[3]，使常規的瀏覽器只能在線才能正常使用，改變為可以存儲數據也可以離線瀏覽。用戶只要在緩存清單“manifest”中指明要存儲的網絡資源，當用戶處于在線狀態時，瀏覽器就會對緩存清單中的資源進行本地存儲。當用戶處于離線狀態時，瀏覽器可以通過ApplicationCache接口來控制離線緩存，存儲過的資源可以繼續顯示和使用。具體過程如圖1所示。

三、HTML5離線技術在圖書資源離線閱讀的應用

1.構建離線應用。（1）部署IIS，配置MIME類型。（2）添加manifest屬性。在需要進行離線存儲的tsflb.html文件的標簽里添加manifest屬性并指定所映射的文件名。格式如下：。（3）填寫manifest文件清單。格式如下：

CACHEMANIFEST

CACHE：tsflb.html css/style.css images/top.jpg images/left.jpg js/tsg.js

（4）判斷瀏覽器在線狀態。用戶往往并不知道自己的瀏覽終端處于什么狀態。因此必須在html頁面中加入navigator.onLine屬性進行監聽。用if語句來進行選擇，如果為true表示在線，如果為1則表示離線，進而提醒用戶現在閱讀的資源為離線狀態下進行的。（5）檢查服務器更新。當用戶再次處于在線狀態時，applicationCache接口的update方法可以對服務器的更新進行檢查，并通過onupdateready事件監聽器進行監聽。最后重新加載頁面。格式如下：if（applicationCache.onupdateready=applicationCache.update9））{

applicationCache.swapCache（）；

location.reload（）；

}

2.瀏覽器加載。當tsflb.html頁面被加載時，因為html標簽中標示有lib.manifest文件，瀏覽器會對應manifest文件的清單，對需要本地存儲的文件重新進行下載到Application.Cache，保存到本地。包括tsflb.html頁面本身。當斷開網絡連接，并停止IIS服務器后，沒有使用離線應用技術的頁面會提示無法連接。而使用離線應用技術的頁面會加載本地存儲好的資源信息，并能繼續進行資源瀏覽。

3.常用瀏覽器對HTML5的兼容性。隨著HTML5技術的不斷完善和業界的認可，各大軟件瀏覽器廠商都努力提高對HTML5的兼容度，下面為最新的HTML5Test網站的數據分析數據：Maxthon4.0：464，Chrome25：463，Opera12.10：419，Firefox19：393，Safari6.0：378，InternetExplorer10：320[4]。顯示新一代的IE10瀏覽器也開始全面支持HTML5的各種技術。下面為最新的HTML5Test網站的移動終端瀏覽器分析數據：BlackBerry10：485，Chrome25：417，OperaMobile12：406，FirefoxMobile19：399，iOS6.0：386，WindowsPhone8：320，Android4.0：297[5]。分析表明，越來越多的移動終端瀏覽器開始對HTML5技術進行全面的兼容。

四、結語

圖書館的電子資源在線瀏覽是未來圖書館文獻資源建設的一個大趨勢。但是受制于網絡連接的不穩定性等諸多因素，特別是移動終端和無線網絡的普及，流暢的在線實時瀏覽是許多圖書館網頁急需解決的問題。筆者認為，HTML5技術將成為未來客戶端技術的主流，其中的離線應用技術因為其技術先進、無需插件、用戶體驗度高等優勢，將是解決圖書館文獻資源離線瀏覽的合適方案。

參考文獻：

[1]夏翠娟，張燕.圖書館移動閱讀服務的新契機：HTML5和CSS3[J].現代圖書情報，2012，（5）.

[2]李燁民.基于HTML5的前端本地化存儲技術[J].成都大學學報（自然科學版），2012，3（31）.

[3]羅大暉，陳娟基于HTML5的Web離線應用研究與實現[J].計算機應用與軟件，2012，（12）.

[4]Sights.TheHTML5test[EB/OL].[2013-3-20].http：//html5test.com/results/desktop.html.

[5]Sights.TheHTML5test[EB/OL].[2013-3-20].http：//html5test.com/results/mobile.html.