阅读模式:

html5 离线缓存的使用

查看:3842  回复: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数据库性能的基本优化   阅读:4089html5 离线缓存的使用   阅读:3845浅谈javascript的函数节流   阅读:4133html5 离线缓存的使用   阅读:3845php 使用 smtp.php 类在线发送邮件功能   阅读:4896移动端自适应rem原理   阅读:8893栈和堆的区别   阅读:4445phpexcel 超简单从excel表格一键导入数据到数据库教程   阅读:11260一键分享到QQ空间、QQ好友、新浪微博、微信代码   阅读:120732面试都会问你为什么你从上一家公司离职的真实意思   阅读:9989html5 离线缓存的使用   阅读:3845web性能测试工具ab的测试方法   阅读:4131一键分享到QQ空间、QQ好友、新浪微博、微信代码   阅读:120732最简单的Banner轮播左右切换效果代码及实现思路(附带源码)   阅读:29758什么是天使轮?什么是A轮融资?B轮融资?   阅读:3993php生成二维码   阅读:5943php中地址引用&的真正理解-变量引用、函数引用、对象引用   阅读:4999linux php7安装yaf扩展   阅读:7293php文件下载防盗链   阅读:8927给网站添加一键新浪微博登录的功能   阅读:5952crontab+shell脚本实现定时备份mysql数据库   阅读:6830Mysql在大型网站的应用架构演变   阅读:4035html5 离线缓存的使用   阅读:3845程序员找工作三要素(必看)   阅读:5095centos 7 忘记root密码   阅读:4245phpexcel 超简单从excel表格一键导入数据到数据库教程   阅读:11260纯干货,程序员面试的超实用技巧   阅读:3751网站性能优化-页面静态缓存   阅读:4965php生成二维码   阅读:5943一步步带你,如何网站架构   阅读:3620TCP的三次握手(建立连接)和四次挥手(关闭连接)   阅读:2517人性漫画:打工与创业的残酷区别   阅读:4181linux php7安装yaf扩展   阅读:7293linux php7编译安装mongodb扩展   阅读:7717php显示刚刚、几分钟前、几小时前、几天前的函数   阅读:7396php翻转字符串   阅读:2840知乎百万赞作者告诉你:年薪百万的人都在靠什么赚钱   阅读:5478javascript获取两个日期间的所有日期   阅读:5710php文件下载防盗链   阅读:8927php压缩页面的html代码一行显示   阅读:6356shell脚本破解十位数内的所有纯数字rar加密压缩包脚本   阅读:7783php翻转字符串   阅读:2840nginx安装redis模块   阅读:3921mysql 为什么添加索引可以提高访问速度   阅读:5394Mysql在大型网站的应用架构演变   阅读:4035把php session 会话保存到redis   阅读:6474mysql 为什么添加索引可以提高访问速度   阅读:5394Nginx 配置文件详解   阅读:4105php显示刚刚、几分钟前、几小时前、几天前的函数   阅读:7396shell脚本统计当前服务器并发连接数   阅读:6281