前言Bug修复系列~今天就来体验一下HTML5中离线应用的manifest缓存列表。实际上，H5还提供了一个JavaScript接口，用于更新缓存文件和对缓存文件的操作。在chrome中，可以通过输入以下地址查看浏览器的本地缓存：chrome://cache/关于manifest离线应用，即使没有网络，我也可以访问它的静态页面，虽然我们可能会打开一个某些网页突然断开连接后，这个网页的内容不会消失，但是刷新之后，网页居然会GG。如果配置了manifest，可以刷新，内容不会消失。那么什么是manifestmanifest是manifest文件，里面列出了离线访问需要的文件列表。它的MINE类型是text/cache-manifest。要实现它的传输，我们必须在服务端配置这个类型的方法。为了配置服务器，我在这里使用Apache。在Apache的conf文件夹中，找到mime.types文件，然后找到如下一行：text/cache-manifestmanifest如果manifest前面有#（代表被注释掉），去掉，说明Apache做了最初不实现这种类型。当然我的是默认开启的，它写的对应的文件类型是appcache，所以后面加了一个manifest，这样也可以对应。写一个.manifest文件在你要实现离线应用的网站目录下新建一个cache.manifest文件。当然文件名可以随意，只要格式是这样即可。这个文件的内容分为三部分：CACHEMANIFEST：必填，后面是缓存的信息，每个站点有5MB存储数据，如果文件加载不出来，整个过程就不会进行。网络：列出的文件需要网络访问。CACHE：manifest文件的默认入口，下载到本地后会缓存起来。FALLBACK：备份内容，一行写两个（对应资源文件回调页面），如果找不到资源文件，会显示回调页面。这些部分没有先后顺序，可以多次出现。例如CACHEMANIFEST#version1.0#下面的资源必须使用NETWORK联网：login.php#表示缓存入口CACHE:index.htmlstyle.cssFALLBACK:index.html404.html修改html文件，添加一个给导入文件的标签添加属性：
