html5实现图书馆资源离线阅读探析

《html5实现图书馆资源离线阅读探析》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、HTML5实现图书馆资源离线阅读探析　　摘要：针对图书馆电子文献资源在线阅读，所遇到的网络断线下无法浏览问题。提出用新兴的HTML5中的离线应用技术，在线时将所需要保存的资源有选择性地存储在本地机中，离线情况下再从本地提取资源进行离线阅读的可行性和实施方案。来探讨利用HTML5技术对图书馆电子版文献资源的阅读流畅性问题的解决。关键词：Html5；图书馆；离线应用一、引言随着互联网技术的飞速发展，高校图书馆在传统的纸质图书的订购和借阅服务的同时，也大量普及电子版文献资源，以供校内外读者可以对信息资源进行在线浏览和阅读。近几年，随

2、着移动通讯技术的兴起，手机、平板等移动终端成为读者进行信息资源在线浏览的载体。[1]各种移动终端进行网络互联往往使用无线通讯。而无线通讯的弱点就是间断性的网络连接。因为网络覆盖率和无线信号强弱等问题，我们无法保证读者的终端能时刻跟图书馆的资源服务器进行连接。这给进行信息查阅的读者在流畅性上带来极大的不便。二、HTML5技术5传统的HTML技术通过浏览器网页缓存[2]和Cookie技术在客户端来储存网络服务器的少量数据。但是Cookie只有4KB的存储空间，只能存储用户ID等标志性信息，完全无法满足图书信息的离线存储。Flex等

3、Web前端开发技术，其本地化存储空间可以无限扩展。但是Flash的垃圾处理机制的不完善，使得其在移动终端上的功耗巨大，应用范围无法扩展。新兴的HTML5技术加入了本地存储和离线应用这两个功能[3]，使常规的浏览器只能在线才能正常使用，改变为可以存储数据也可以离线浏览。用户只要在缓存清单“manifest”中指明要存储的网络资源，当用户处于在线状态时，浏览器就会对缓存清单中的资源进行本地存储。当用户处于离线状态时，浏览器可以通过ApplicationCache接口来控制离线缓存，存储过的资源可以继续显示和使用。具体过程如图1所示

4、。三、HTML5离线技术在图书资源离线阅读的应用1.构建离线应用。（1）部署IIS，配置MIME类型。（2）添加manifest属性。在需要进行离线存储的tsflb.html文件的标签里添加manifest属性并指定所映射的文件名。格式如下：。（3）填写manifest文件清单。格式如下：CACHEMANIFESTCACHE：tsflb.htmlcss/style.cssimages/top.jpgimages/left.jpgjs/tsg.js5（4）判断浏览器在线状态。用户往往并不知道自己的浏览终端处于什么状态。因此必须在

5、html页面中加入navigator.onLine属性进行监听。用if语句来进行选择，如果为true表示在线，如果为false则表示离线，进而提醒用户现在阅读的资源为离线状态下进行的。（5）检查服务器更新。当用户再次处于在线状态时，applicationCache接口的update方法可以对服务器的更新进行检查，并通过onupdateready事件监听器进行监听。最后重新加载页面。格式如下：if（applicationCache.onupdateready=applicationCache.update9））{applicat

6、ionCache.swapCache（）；location.reload（）；}2.浏览器加载。当tsflb.html页面被加载时，因为html标签中标示有lib.manifest文件，浏览器会对应manifest文件的清单，对需要本地存储的文件重新进行下载到Application.Cache，保存到本地。包括tsflb.html页面本身。当断开网络连接，并停止IIS服务器后，没有使用离线应用技术的页面会提示无法连接。而使用离线应用技术的页面会加载本地存储好的资源信息，并能继续进行资源浏览。53.常用浏览器对HTML5的兼容性

7、。随着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，OperaM

8、obile12：406，FirefoxMobile19：399，iOS6.0：386，WindowsPhone8：320，Android4.0：297[5]。分析表明，越来越多的移动终端浏览器开始对HTML5技术进行全面的兼容。四、结语图书馆的电子资源在线浏览是未来图书馆文献