阅读模式:

html5 离线缓存的使用

查看:5586  回复: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

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

扫描二维码手机查看

发布评论:


登录:
  表情:
评论话题
推荐阅读:
给网站添加一键新浪微博登录的功能   阅读:7933php删除一个文件夹内的所有文件夹和文件   阅读:6497移动端自适应rem原理   阅读:11187php 统计网页打开耗时和脚本运行内存   阅读:8365ajax+php 实现一个简单的在线聊天室功能(附带源码)   阅读:11812web性能测试工具ab的测试方法   阅读:6104简单的DOS攻击之死亡之ping详解   阅读:78179给网站添加一键qq登录的功能   阅读:9401用php从1乘到100的值   阅读:7898十张GIF让你弄懂递归等概念   阅读:7792知乎百万赞作者告诉你:年薪百万的人都在靠什么赚钱   阅读:8654phpexcel 超简单从数据库一键导出数据到excel教程   阅读:9177shell脚本批量删除几天前的文件   阅读:12967给 centos 7 安装桌面环境   阅读:18726HTTP 1.1 协议详解   阅读:17744面试的时候回去等通知,等电话的真实意思   阅读:28172php打印九九乘法表   阅读:14034linux php7安装yaf扩展   阅读:10551mysql的四种索引类型   阅读:25998移动端自适应rem原理   阅读:11187php连接redis   阅读:7164centos 7 修改系统屏幕分辨率   阅读:53064栈和堆的区别   阅读:6641linux时间戳有趣的情人节秒1234567890   阅读:6973linux命令中执行php脚本   阅读:10263最简单的Banner轮播淡入淡出效果代码及实现思路(附带源码)   阅读:16031php打印九九加法表   阅读:13948面试的时候回去等通知,等电话的真实意思   阅读:28172关于PHP程序员技术职业生涯规划   阅读:4320Nginx 配置文件详解   阅读:6909centos7中颁发CA证书并开启web https   阅读:10794面试的时候和你谈理想,是理想or入坑?   阅读:13378php打印九九乘法表   阅读:14034shell脚本破解十位数内的所有纯数字rar加密压缩包脚本   阅读:11210网站性能优化-页面静态缓存   阅读:6843“米粉节”背后的故事——小米网抢购系统开发实践   阅读:5475比phpexcel还要简单的excel CSV 一键导入数据到数据库   阅读:6759十张GIF让你弄懂递归等概念   阅读:7792移动端js触摸touch详解(附带案例源码)   阅读:19846比phpexcel还要简单的excel CSV 一键导入数据到数据库   阅读:6759centos7.3安装mongodb3.6   阅读:9512企业让你去面试,可能不是真的招人   阅读:7576php打印九九加法表   阅读:13948javascript获取两个日期间的所有日期   阅读:8719centos 7搭建zabbix3.4   阅读:8213网站性能优化-页面静态缓存   阅读:6843最简单的Banner轮播左右切换效果代码及实现思路(附带源码)   阅读:35991用php从1乘到100的值   阅读:7898web性能测试工具ab的测试方法   阅读:6104centos7中颁发CA证书并开启web https   阅读:10794