码迷,mamicode.com
首页 > 其他好文 > 详细

h5-应用级缓存

时间:2019-08-18 19:17:27      阅读:56      评论:0      收藏:0      [点我收藏+]

标签:back   lang   src   清单   使用   man   alt   lan   配置   

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

 

h5-应用级缓存

标签:back   lang   src   清单   使用   man   alt   lan   配置   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!