想让浏览器缓存我们的应用，可以去创建一个 manifest 文件 … 在这个文件里，你可以说明一下，应用里面的哪一些文件需要缓存 … 浏览器会按照这个列表 .. 把指定的资源缓存下来 …
现在你看到的是一个简单的页面 … 上面有一些文字还有图片 … 点击这个文字会显示一个工具提示 …
我们先去新建一个 manifest 文件 …
打开 Brackets 编辑器 … 然后找到应用项目的目录 …
新建一个文件 … 命名为 offline.appcahe … manifest 文件的扩展名可以随便tthc命名 … 不过一般来说，我们可以使用 appcache 作为它的扩展名 … appcache 是 application cache 的简称 …
下面我们需要在这个页面的 <html> 标签上 .. 添加一个 manifest 属性 … 属性的值就是刚才创建的 offline.appcahe 这个文件的地址 …
manifest="offline.appcache"
这样用户使用浏览器第一次访问这个带有 manifest 属性的页面的时候 … 浏览器会加载页面 … 完成以后 … 会按照 offline.appcache 文件里面设置的列表去缓存资源 …
当用户下一次再去访问这个页面的时候 … 浏览器会直接从本地的缓存里面调出这个页面来显示 …
添加 MIME 类型
为了让浏览器正确的解释 manifest 文件 … 我们还得去配置一下服务器 … 去添加一个 text/cache-manifest 的 MIME 类型 …
如果你有权限可以修改 Web 服务器的配置文件 .. 可以直接去添加这种类型 … 一般就是 httpd.conf 这个配置文件 。
打开这个配置文件以后，找到配置 MIME Type 的地方 ... 然后添加一行代码 …
text/cache-manifest appcache
类型是 text/cache-manifest … 扩展名是 appcache ..
保存配置文件 … 再去重启一下服务器就可以了。
如果你没有权限去修改服务器的环境 … 可以在应用的根目录下去创建一个 .htaccess 的文件 … 然后添加这样一行代码 …
text/cache-manifest appcache
注意这里介绍的添加 MIME 的方法只适用在，使用 Apache 搭建的 Web 服务器 … 你的应用运行环境如果使用的是其它的服务器 … 比如 IIS 或者 NGINX …
可以去搜索一下为这些服务器添加 MIME Type 的方法 …
