龙空技术网

HTML5之应用缓存

编程鲍老师 15

前言:

此时大家对“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页面速度会变快,或者服务器没有连接上,本地也可以显示页面数据

标签: #html5cache #html5应用程序缓存和浏览器缓存区别 #html5视频缓冲 #html5缓存js