阅读模式:

html5 离线缓存的使用

查看:2277  回复:0  类型:  来源:php自学网  标签 html5

        离线缓存html5中一种新的缓存技术,通过第一次加载把服务器上的文件缓存到本地浏览器中,当第二次以后的访问的时候会去服务器请求<html manifest="cache.appcache">中设置的文件有没有更新改动操作,如果有就再次更新文件中指定的资源,如果没有就从本地浏览器中去读取资源,不再去向服务器请求数据。

        或者当断网的时候也会直接访问缓存在本地的文件

        通过设置网站的html5离线缓存,可以加快网页访问速度提升网站的友好度减少了服务器的http请求

        缺点就是只支持最新的浏览器,每次更新缓存需要去更改cache.appcache文件。

配置方法:        

        1.创建文件

              在网站目录中创建缓存配置文件cache.appcache。

        2.引入文件

              网页中的<html manifest="cache.appcache">标签中引入缓存配置文件。

        3.配置路径

              设置cache.appcache配置文件(可以把一些不经常变动的页面和一些公共资源路径放入缓存文件中进行缓存):

#必填的头部
CACHE MANIFEST  
# 2017-11-19 V1.0
#直接缓存文件的路径,支持缓存html页面和资源
CACHE:
index.html
css/index.css
js/index.js
img/test.png
img/test1.png
#需要网络在线请求的文件
NETWORK:*
#无法访问页面跳转
FALLBACK:404.html

        4.缓存更新

              更新方法:

window.applicationCache.update();
//或修改cache.appcache文件
cache.appcache
分享到:
1 0

*有问题之处烦请在评论中指出非常感谢!
不是我想要的内容,继续搜索:

扫描二维码手机查看

发布评论:


登录:
  表情:
评论话题
推荐阅读:
mysql的四种索引类型   阅读:8015Mysql在大型网站的应用架构演变   阅读:2528Mysql在大型网站的应用架构演变   阅读:2528centos 7 安装 php-7.1.3   阅读:11145mysql数据一键导出到csv文件   阅读:2973十张GIF让你弄懂递归等概念   阅读:3075linux php7安装yaf扩展   阅读:3612ajax+php 实现一个简单的在线聊天室功能(附带源码)   阅读:4774比phpexcel还要简单的excel CSV 一键导入数据到数据库   阅读:2662php设置cookie为HttpOnly防止XSS攻击   阅读:5762十张GIF让你弄懂递归等概念   阅读:3075php 统计网页打开耗时和脚本运行内存   阅读:3666一步步带你,如何网站架构   阅读:2143知乎百万赞作者告诉你:年薪百万的人都在靠什么赚钱   阅读:3167session与cookie的区别   阅读:2237mysql数据一键导出到csv文件   阅读:2973把php session 会话保存到redis   阅读:3809HTTP 1.1 协议详解   阅读:3645封装php redis缓存操作类   阅读:4122霍金24岁博士毕业论文在线预览   阅读:2657封装php redis缓存操作类   阅读:4122知乎百万赞作者告诉你:年薪百万的人都在靠什么赚钱   阅读:3167最简单的Banner轮播淡入淡出效果代码及实现思路(附带源码)   阅读:8612给网站添加一键新浪微博登录的功能   阅读:3812linux教程,鸟哥私房菜(pdf全集)   阅读:2811栈和堆的区别   阅读:2415linux top命令详解   阅读:3873php 使用 smtp.php 类在线发送邮件功能   阅读:3169php显示刚刚、几分钟前、几小时前、几天前的函数   阅读:3596phpexcel 超简单从数据库一键导出数据到excel教程   阅读:3942centos 7 设置 nginx-1.11.10 开机启动   阅读:4532网站局部小图片优化-base64编码图片   阅读:4636给 centos 7 安装桌面环境   阅读:11745给网站添加一键新浪微博登录的功能   阅读:3812关于PHP程序员技术职业生涯规划   阅读:254栈和堆的区别   阅读:2415php连接redis   阅读:3150网站局部小图片优化-base64编码图片   阅读:4636centos 7 添加 redis 3.2.9 开机启动脚本   阅读:5036php冒泡排序法   阅读:4853霍金24岁博士毕业论文在线预览   阅读:2657给php7安装redis扩展库   阅读:3884javascript获取两个日期间的所有日期   阅读:1602面试都会问你为什么你从上一家公司离职的真实意思   阅读:6258php冒泡排序法   阅读:4853最新centos7 搭建LNMP环境(centos7.2+php7+mysql5.7+nginx1.11+redis3.2)   阅读:6443程序员找工作三要素(必看)   阅读:2917给网站添加一键qq登录的功能   阅读:3783纯干货,程序员面试的超实用技巧   阅读:2086面试都会问你为什么你从上一家公司离职的真实意思   阅读:6258