HTML5离线应用程序.pdfVIP

离线 Web 应用程序介绍 在 HTML5 中新增了一个 API ，为离线 Web 应用程序的开发提供了可能性。为了让 Web 应 用程序在离线状态时也能正常工作， 就必须要把所有构成 Web 应用程序的资源文件， 诸如： HTML 文件、 CSS 文件、 JavaScript 脚本文件等放在本地缓存中，当服务器没有和 Internet 建立连接的时候，也可以利用本地缓存中的资源文件来正常运行 Web 应用程序。 本地缓存与浏览器网页缓存的区别 首先，本地缓存是为整个 Web 应用程序服务的，而浏览器的网页缓存只服务于单个网页， 任何网页都具有网页缓存，而本地缓存只缓存那些指定缓存的网页。 其次， 网页缓存也是不安全、不可靠的， 因为我们不知道在网站中到底缓存了哪些页面，以 及缓存了网页上的哪些资源。 而本地缓存是可靠的， 我们可以控制对哪些内容进行缓存， 不 对哪些内容进行缓存， 开发人员还可以用编程的手段来控制缓存的更新， 利用缓存对象的各 种属性、状态和事件来开发出更为强大的离线应用程序。 manifest 文件 Web 应用程序的本地缓存是通过每个页面的 manifest 文件来管理的。 manifest 文件是一个 简单文本文件， 在该文件中以清单的形式列举了需要被缓存或不需要被缓存的资源文件的文 件名称、以及这些资源文件的访问路径。可以为每一个页面单独指定一个 mainifest 文件， 也可以对整个 Web 应用程序指定一个总的 manifest 文件。 manifest 文件示例如下： Txt 代码 1. CACHE MANIFEST 2. # 文件的开头必须书 CACHE MANIFEST 3. # 该 manifest 文件的版本号 4. #version 7 5. CACHE: 6. other.html 7. hello.js 8. images/myphoto.jpg 9. NETWORK: 10. /xxx 11. NotOffline.jsp 12. * 13. FALLBACK: 14. online.js locale.js 15. CACHE: 16. newhello.html 17. newhello.js 在 manifest 文件中，第一行必须是 “CACHE MANIFEST” 文字，以把本文件的作用告知给浏 览器，即对本地缓存中的资源文件进行具体设置。同时，真正运行或测试离线 Web 应用程 序的时候， 需要对服务器进行配置， 让服务器支持 text/cache-manifest 这个 MIME 类型 （在 HTML5 中规定 manifest 文件的 MIME 类型为 text/cache-manifest ） 。 在 manifest 文件中，可以加上注释来进行一些必要的说明或解释，注释行以 “#开始；文件” 中可以（而且最好）加上版本号，以表示该 manifest 文件的版本，版本号可以是任何形式 的，更新文件时一般也会对该版本号进行更新。 指定资源文件， 文件路径可以是相对路径， 也可以是绝对路径。 指定时每个资源文件为一行。 在指定资源文件的时候，可以把资源文件分为三类，分别是 “CACHE”、 “NETWO