前言:
此时大家对“html5cache”都比较重视,姐妹们都需要分析一些“html5cache”的相关内容。那么小编在网上汇集了一些关于“html5cache””的相关知识,希望兄弟们能喜欢,大家快快来学习一下吧!1、什么是应用程序缓存:
HTML5引入了应用程序缓存,这意味着web应用可进行缓存,并可在没有因特网
连接时进行访问
2、应用缓存的优势:
1): 离线浏览-用户可在应用离线时使用它们
2):速度-已缓存资源加载得更快
3):减少服务器负载-浏览器将只从服务器下载更新过或更改过的资源
3、实现缓存:
如需启用应用程序缓存,请在文档的<html>标签中包含manifest属性
manifest文件的建议的文件扩展名是:’.appcache'"
4、Manifest 文件:
1): CACHE MANIFEST-在此标题下列出的文件将在首次下载后进行缓存
2): NETWORK -在此标题下列出的文件需要与服务器的连接, 且不会被缓存
3): FALLBACK -在此标题下列出的文件规定当页面无法访问时的回退页面(比如
404页面)
具体使用:1、在html页面的html标签里面添加.appcache 的文件
2、创建对应的.appcache文件
3、在缓存文件里面写上 CACHE MANIFEST 注意是大写哦
接着写上CACHE:../db.html
db.js
db.html页面里面:<html manifest="js/db.appcache">db.appcache文件创建在js文件夹里面,创建的时候,选择创建文件即可
页面加上缓存后,本地打开服务器html5页面速度会变快,或者服务器没有连接上,本地也可以显示页面数据