Apache-HTML离线缓存使用方法教程-米微资源分享网

Apache-HTML离线缓存使用方法教程

前言:

为什么叫它Apache离线缓存，因为我们这个缓存是基于apache的，nginx是无法做的，这项技术目前还是不怎么成熟的。

它能带来什么好处呢?

应用程序缓存为应用带来的优势：离线浏览：用户可在应用离线时使用它们速度：已缓存资源加载速度块减少服务器负载：浏览器只从服务器下载更新过的资源

使用方法:

首先配置Apache配置文件httpd.conf这个文件，打开文件搜索AddType，在AddType text/html .html下面添加这样一句话:

AddType test/cache-manifest .manifest

然后重启你的Apache服务器。

接着编写manifest文件，保存格式为xxxx.manifest(xxxx随意)

CACHE MANIFEST
######  /*注释*/
CACHE:  /*这下面是需要缓存的文件*/
1.css
lixian.html
NETWORK:  /*这下面是不需要缓存的文件*/
js/jquery.js
FALLBACK:  /*这下面是缓存失败显示的页面*/
html/index.html

接着在html标签添加manifest属性，引入你编写的manifest文件

<!DOCTYPE HTML> <html manifest="xxxx.manifest"> ... </html>

好了这样离线缓存就已经做完了。

注意事项：

1.浏览器对缓存数据的容量限制可能不太一样
2.如果manifest文件，或者内部列举的某一个文件不能正常下载，整个更新过程将视为失败，浏览器会继续加载之前的缓存
3.引用的manifest文件必须和html文件同源，同域
4.浏览器的自动缓存会导致更改了的html文件必须更新版本才能更新页面
5.更新版本后，必须刷新一次才会启动新版本
6.当manifest文件发生改变时，资源请求本身也会触发更新