application cache

学向勤中得,萤窗万卷书。这篇文章主要讲述application cache相关的知识,希望能为你提供帮助。
index.html:
< !DOCTYPE html>
< html manifest="cache.manifest"> //指向一个cache文件
< head>
< meta charset="utf-8">
< meta http-equiv="X-UA-Compatible" content="IE=edge">
< title> 离线访问< /title>
< link rel="stylesheet" href="">
< link rel="stylesheet" type="text/css" href="https://www.songbingjia.com/android/style.css">
< /head>
< body>
< !--
1、应用程序缓存正常
2、html添加一个manifest属性指向一个文件
-->
< p> hahaha< /p>
< script type="text/javascript" src="https://www.songbingjia.com/android/script.js"> < /script>
< /body>
< /html>
 
cache.manifest文件固定格式:
CACHE MANIFEST
# version 1.0.0
CACHE:(下面是要缓存的文件,要有tab的空格,NETWORK同样)
index.html
script.js
style.css
NETWORK:
*

application cache

文章图片

【application cache】报错是因为cache.manifest文件的格式不正确
 
访问页面:
application cache

文章图片

将浏览器设置成离线:
application cache

文章图片

再次访问页面,可以看到缓存成功:
application cache

文章图片

 
 
此时界面用的是浏览器缓存,如果想更新缓存,则修改cache.manifest文件的version
 

    推荐阅读