应用缓存

<!DOCTYPE html>
<html lang="en" manifest="study.appcache">
  <!-- study.appcache 引入 缓存清单 -->
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<img src="images/img1.jpg" >
<img src="images/img2.jpg" >
<img src="images/img3.jpg" >
<img src="images/img4.jpg" >
</body>
</html>

 

 

 

study.appcache的内容:

CACHE MANIFEST
# 上面必须是第一行
CACHE:

#此部分写需要缓存的资源 (#是注释的意思)

./images/img1.jpg
./images/img2.jpg
./images/img3.jpg
./images/img4.jpg


NETWORK:

#此部分要写需要有网络才可访问的资源,无网络刚不访问

./images/img1.jpg
./images/img2.jpg

#*指所有

FALLBACK:

#当访问不到某个资源的情况下,自动由另一个资源替换

./images/img4.jpg ./images/img5.jpg

 

 

posted @ 2020-04-11 16:34  花木兰r  阅读(165)  评论(0编辑  收藏  举报