当前位置 : 主页 > 网页制作 > html >

h5-应用级缓存

来源:互联网 收集:自由互联 发布时间:2021-06-12
1.html代码及css代码 1 ! DOCTYPE html 2 !-- manifest="应用程序缓存清单文件的路径 建议文件的扩展名是appcacje,这个文件的本质就是一个文本文件" -- 3 html lang ="en" manifest ="demo.appcache" 4 head 5 m

1.html代码及css代码

 1 <!DOCTYPE html>
 2 <!--manifest="应用程序缓存清单文件的路径   建议文件的扩展名是appcacje,这个文件的本质就是一个文本文件"-->
 3 <html lang="en" manifest="demo.appcache">
 4 <head>
 5     <meta charset="UTF-8">
 6     <title>Title</title>
 7     <style>
 8         img{
 9             width: 300px;
10             display: block;
11         }
12     </style>
13 </head>
14 <body>
15 <img src="../img/a.jpg" alt="">
16 <img src="../img/b.jpg" alt="">
17 <img src="../img/c.jpg" alt="">
18 <img src="../img/d.jpg" alt="">
19 <img src="../img/e.jpg" alt="">
20 
21 </body>
22 </html>

2.demo.appcache文件

 1 CACHE MANIFEST
 2 #上面一句代码必须是当前文档的第一句
 3 
 4 #需要缓存的文件清单列表
 5 CACHE:
 6 #需要缓存的清单列表
 7 ../img/a.jpg
 8 ../img/b.jpg
 9 # *:代表所有文件
10 
11 #配置每一次都需要重新从服务器获取的文件清单列表
12 NETWORK:
13 ../img/c.jpg
14 
15 #配置若果文件无法获取则使用指定的文件进行代替
16 FALLBACK:
17 ../img/d.jpg ../img/f.jpg
18 # /:代表所有文件
网友评论