欢迎来到php自学网~
阅读模式:

html5 离线缓存的使用

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

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

扫描二维码手机查看

发布评论:


登录:
  表情:
评论话题
推荐阅读:
浅谈javascript的函数节流   阅读:1532移动端js触摸touch详解(附带案例源码)   阅读:5113linux top命令详解   阅读:1717centos 7搭建zabbix3.4   阅读:346一键分享到QQ空间、QQ好友、新浪微博、微信代码   阅读:11926shell发送邮件脚本   阅读:242十张GIF让你弄懂递归等概念   阅读:1879php设置cookie为HttpOnly防止XSS攻击   阅读:2901crontab+shell脚本实现定时备份mysql数据库   阅读:2014十张GIF让你弄懂递归等概念   阅读:1879centos 7 添加 redis 3.2.9 开机启动脚本   阅读:3430javascript点击复制内容   阅读:1818纯干货,程序员面试的超实用技巧   阅读:1413mysql共享锁和排他锁详解   阅读:2058面试的时候和你谈理想,是理想or入坑?   阅读:1854php文件下载防盗链   阅读:3507linux php7编译安装mongodb扩展   阅读:1861linux php7安装yaf扩展   阅读:1805centos 7 修改系统屏幕分辨率   阅读:16597用php从1加到100的值   阅读:3212session与cookie的区别   阅读:1627shell发送邮件脚本   阅读:242Mysql在大型网站的应用架构演变   阅读:1797phpexcel 超简单从excel表格一键导入数据到数据库教程   阅读:5554网站局部小图片优化-base64编码图片   阅读:2907php设置cookie为HttpOnly防止XSS攻击   阅读:2901一键分享到QQ空间、QQ好友、新浪微博、微信代码   阅读:11926linux rarcrack破解rar、zip和7z压缩包简单密码的工具   阅读:2751web项目高并发量网站解决方案   阅读:1472web项目高并发量网站解决方案   阅读:1472shell脚本批量删除几天前的文件   阅读:2384mysql共享锁和排他锁详解   阅读:2058javascript点击复制内容   阅读:1818php打印九九加法表   阅读:2157php 读取和设置redis的键值   阅读:2988mongodb设置shell开机启动脚本   阅读:2339mongodb设置shell开机启动脚本   阅读:2339人性漫画:打工与创业的残酷区别   阅读:1506一键分享到QQ空间、QQ好友、新浪微博、微信代码   阅读:11926centos7.3安装mongodb3.6   阅读:2476分享:淘宝技术这十年   阅读:1725centos 7 安装 mysql-5.7   阅读:2294centos 7 修改系统屏幕分辨率   阅读:16597比phpexcel还要简单的excel CSV 一键导入数据到数据库   阅读:2005mysql中文分词全文搜索索引讯搜的安装   阅读:1959比phpexcel还要简单的excel CSV 一键导入数据到数据库   阅读:2005php+redis实现消息队列   阅读:1236mysql数据一键导出到csv文件   阅读:1851最简单的Banner轮播左右切换效果代码及实现思路(附带源码)   阅读:14034解决 nginx 413 request entity too large   阅读:1464