h5-应用级缓存 - 码农教程

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 # /：代表所有文件

原文地址：https://www.cnblogs.com/FengBrother/p/11373349.html