当前位置:Gxlcms > html代码 > html5指南-6.如何创建离线web应用程序实现离线访问_html5教程技巧

html5指南-6.如何创建离线web应用程序实现离线访问_html5教程技巧

时间:2021-07-01 10:21:17 帮助过:24人阅读

今天我们的内容是关于如何创建离线web应用,他的好处是可以让浏览器下载我们指定的web资源,这样用户在离线状态下也能正常使用我们的站点。

1.定义Manifest

我们使用manifest列举出需要离线时访问的资源,他本身是一个文本类型的文件,第一行经常是CACHE MANIFEST,然后列举我们需要的资源,每行一个。文件没有固定的命名规则,后缀名也没有要求,唯一的要求就是需要把后缀名在服务器端以text/cache-manifest的MIME类型定义。

如果是iis 7服务器,按照下面的步骤

1.比如后缀名为.appcache,打开iis7,选择根节点(这样所有站点都会继承配置,也可以针对单个站点配置);

2.双击右侧的MIME类型;

3.点击右键添加MIME类型,这样就完成了配置。

服务器配置完毕,添加manifest文件。

代码如下:

CACHE MANIFEST
manifestFile.html
https://www.gxlcms.com/img/1.jpg
img/2.jpg
img/3.jpg

然后我们看下面的例子。

代码如下:




Example