阅读模式:

html5 离线缓存的使用

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

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

扫描二维码手机查看

发布评论:


登录:
  表情:
评论话题
推荐阅读:
phpexcel 超简单从excel表格一键导入数据到数据库教程   阅读:14068小米手机端商城rem适配原理   阅读:8298centos 7 安装 php-7.1.3   阅读:23162小米手机端商城rem适配原理   阅读:8298PHP 鸟哥:我也曾经是“不适合”编程的人   阅读:17362mysql数据库性能的基本优化   阅读:5610霍金24岁博士毕业论文在线预览   阅读:7033nginx安装mysql和json模块   阅读:7421shell发送邮件脚本   阅读:11099centos 7 修改系统屏幕分辨率   阅读:52401TCP的三次握手(建立连接)和四次挥手(关闭连接)   阅读:5370什么是天使轮?什么是A轮融资?B轮融资?   阅读:6726用php从1加到100的值   阅读:10720linux php7安装yaf扩展   阅读:10375浅谈javascript的函数节流   阅读:6036用php从1乘到100的值   阅读:7755linux命令中执行php脚本   阅读:10093session与cookie的区别   阅读:5315php冒泡排序法   阅读:16659“米粉节”背后的故事——小米网抢购系统开发实践   阅读:5361linux php7安装yaf扩展   阅读:10375linux php7编译安装mongodb扩展   阅读:10731centos 7 安装 redis 3.2.9   阅读:8119mysql 为什么添加索引可以提高访问速度   阅读:7520linux时间戳有趣的情人节秒1234567890   阅读:6830php冒泡排序法   阅读:16659nginx编译安装后对nginx进行平滑升级   阅读:8357程序员找工作三要素(必看)   阅读:6964centos 7 开启网络   阅读:8938linux top命令详解   阅读:11479php生成二维码   阅读:8525比phpexcel还要简单的excel CSV 一键导入数据到数据库   阅读:6618面试的时候和你谈理想,是理想or入坑?   阅读:13159用php从1乘到100的值   阅读:7755linux rarcrack破解rar、zip和7z压缩包简单密码的工具   阅读:20418一键分享到QQ空间、QQ好友、新浪微博、微信代码   阅读:140129centos 7 设置 nginx-1.11.10 开机启动   阅读:9572给网站添加一键qq登录的功能   阅读:9241centos7中颁发CA证书并开启web https   阅读:10515一键分享到QQ空间、QQ好友、新浪微博、微信代码   阅读:140129javascript获取两个日期间的所有日期   阅读:8505php显示刚刚、几分钟前、几小时前、几天前的函数   阅读:10485php删除一个文件夹内的所有文件夹和文件   阅读:6320给网站添加一键新浪微博登录的功能   阅读:7809mysql中文分词全文搜索索引讯搜的安装   阅读:8834Mysql在大型网站的应用架构演变   阅读:5845网站性能优化-页面静态缓存   阅读:6721十张GIF让你弄懂递归等概念   阅读:7654shell脚本破解十位数内的所有纯数字rar加密压缩包脚本   阅读:11003小米手机端商城rem适配原理   阅读:8298