1、HTML5基础教程基础教程 授课教师：授课教师：职务：职务：第 11章 开发支持离线的开发支持离线的 Web应用程序应用程序 课程描述课程描述Web应用程序的资源都存储应用程序的资源都存储在在 Web服务器上，如果无法服务器上，如果无法连接网络，或者连接网络，或者 Web服务器服务器不在线，那么传统的不在线，那么传统的 Web应应用程序就无法正常运行了。用程序就无法正常运行了。使用使用 HTML5可以开发支持离可以开发支持离线的线的 Web 应用程序，在连应用程序，在连接不上接不上 Web服务器时，可以服务器时，可以切换到离线模式；等到可以切换到离线模式；等到可以连接连接 Web服务器时，再进
2、行服务器时，再进行数据同步，把离线模式下完数据同步，把离线模式下完成的工作提交到成的工作提交到 Web服务器服务器。 本章知识点p11.1 HTML5离线 Web应用程序概述 p11.2 开发 HTML5离线 Web应用程序 11.1 HTML5离线 Web应用程序概述 p 11.1.1 什么是离线 Web应用程序 p 11.1.2 开发离线 Web应用程序需要完成的工作 11.1.1 什么是离线 Web应用程序 Web浏览器的主要功能 由用户向指定的 Web服务器（网站）申请服务。申请服务时需要指定 Web服务器的域名或地址以及要浏览的 HTML（ HTM）文件或 ASP、 PHP等脚本文件
3、。如果使用 ASP作为开发语言，则Web服务器只能使用 Windows；如果使用 PHP作为开发语言，则 Web服务器可以选择使用 Windows或 Unix、 Linux等多种平台。 从 Web服务器下载申请的 HTML（ HTM）文件。 解析并显示 HTML（ HTM）文件，用户可以通过Web浏览器申请指定的 Web服务器 Web浏览器和 Web服务器使用 HTTP协议进行通信。Web服务器的主要功能 Web服务器通常需要有固定的 IP地址和永久域名，其主要功能如下： 存放 Web应用程序。 接受用户申请的服务。如果用户申请浏览 ASP、 PHP等脚本文件，则 Web服务器会对脚本进行解析
4、，生成对应的临时 HTML（ HTM）文件。 如果脚本中需要访问数据库，则将 SQL语句传送到数据库服务器，并接收查询结果。 将 HTML（ HTM）文件传送到 Web浏览器。离线 Web应用程序的工作原理 离线 Web应用程序可以在无法连接 Web服务器时运行，它的工作原理如下： 当访问一个支持离线 Web应用程序网站时，该网站将会告诉浏览器离线 Web应用程序所使用的所有文件。 浏览器将 Web应用程序所使用的所有文件下载到本地。 当支持离线 Web应用程序的网站不在线时，浏览器就会访问下载到本地文件，从而运行离线 Web应用程序。离线 Web应用程序的主要组件 11.1.2 开发离线 W
5、eb应用程序需要完成的工作 开发离线 Web应用程序通常需要完成的下面几项工作：（ 1）离线资源缓存。首先需要了解 Web应用程序离线工作时所需的资源文件。这样就可以在在线状态时，把这些文件缓存到本地。以后，如果浏览器无法连接Web服务器，则可以自动加载这些资源文件，从而实现离线访问应用程序。在 HTML5 中，通过 cache manifest 文件指明需要缓存的资源，具体情况将在11.2.2小节中介绍。（ 2）检测在线状态。在支持离线的 Web应用程序中，浏览器应该知道在线或离线的状态，并做出对应的处理，具体情况将在 11.2.4小节中介绍。（ 3）本地数据存储。在离线时， Web应用程序需要能够把数据存储到本地，以便以后在线时可以
