AIDE技术官网
AIDEZY.COM

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

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

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

前言:

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

它能带来什么好处呢?

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

 

 

使用方法:

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

AddType test/cache-manifest .manifest

Apache-HTML离线缓存使用方法教程 HTML前端教程 第2张

然后重启你的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文件发生改变时,资源请求本身也会触发更新

搜一下

海报生成 赞(2) 打赏

来都来了!评论一下呗! 抢沙发

  • QQ (自动获取名称头像等信息|选填)
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址 (选填)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

登录

忘记密码 ?

切换登录

注册