阅读模式:

html5 离线缓存的使用

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

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

扫描二维码手机查看

发布评论:


登录:
  表情:
评论话题
推荐阅读:
用php从1乘到100的值   阅读:6736nginx安装mysql和json模块   阅读:5880什么是天使轮?什么是A轮融资?B轮融资?   阅读:5504程序员找工作三要素(必看)   阅读:6051nginx编译安装后对nginx进行平滑升级   阅读:7196php显示刚刚、几分钟前、几小时前、几天前的函数   阅读:9161知乎百万赞作者告诉你:年薪百万的人都在靠什么赚钱   阅读:7223php连接redis   阅读:6066centos 7 安装 samba 服务   阅读:7301小米手机端商城rem适配原理   阅读:7133php中地址引用&的真正理解-变量引用、函数引用、对象引用   阅读:6236web性能测试工具ab的测试方法   阅读:5045面试的时候和你谈理想,是理想or入坑?   阅读:11329小米手机端商城rem适配原理   阅读:7133给php7安装redis扩展库   阅读:8781mysql5.7开启sql日志的配置   阅读:9980javascript对cookie操作详细代码函数   阅读:5685移动端自适应rem原理   阅读:10125mysql 为什么添加索引可以提高访问速度   阅读:6468mysql 为什么添加索引可以提高访问速度   阅读:6468给网站添加一键qq登录的功能   阅读:8035web项目高并发量网站解决方案   阅读:5044给php7安装redis扩展库   阅读:8781php显示刚刚、几分钟前、几小时前、几天前的函数   阅读:9161mysql5.7主从同步配置   阅读:6844程序员找工作三要素(必看)   阅读:6051mysql5.7主从同步中binlog同步模式详解   阅读:8220关于PHP程序员技术职业生涯规划   阅读:3254给php7安装redis扩展库   阅读:8781csv文件一键导入数据到mysql数据库   阅读:7210centos 7搭建zabbix3.4   阅读:7064centos 7 安装 samba 服务   阅读:7301php swoole搭建简单的聊天室   阅读:4931一键分享到QQ空间、QQ好友、新浪微博、微信代码   阅读:133687分享:淘宝技术这十年   阅读:5071session与cookie的区别   阅读:4481栈和堆的区别   阅读:5459mysql数据库性能的基本优化   阅读:4838nginx安装redis模块   阅读:6575栈和堆的区别   阅读:5459centos7.3安装mongodb3.6   阅读:8123PHP 鸟哥:我也曾经是“不适合”编程的人   阅读:15480mysql的四种索引类型   阅读:23478一步步带你,如何网站架构   阅读:4594centos 7.2 添加php7 的 php-fpm 开机启动   阅读:25659shell脚本批量删除几天前的文件   阅读:10888shell脚本批量删除几天前的文件   阅读:10888比phpexcel还要简单的excel CSV 一键导入数据到数据库   阅读:5746给网站添加一键新浪微博登录的功能   阅读:6919shell发送邮件脚本   阅读:9033