离线缓存(Application Cache)
<!--正常页面开发之后,在处理离线缓存问题-->
<!--在html中添加一个manifest属性,该属性指向一个文件(清单)
清单文件中,包含所要缓存的文件
该清单文件为文本文件即可,后缀名为manifest
引用manifest的html必须与manifest文件同源,在同一个域下。
-->
<html manifest="cache.manifest">
cache.manifest文件(自定义文件)
CACHE MANIFEST
#version 1.0.0
CACHE:
img/a1_r11_c11.jpg
3-离线缓存.html
cache.manifest
1-全屏和退出全屏.html
NETWORK:
*
Manifest特点(Cache Manifest:离线缓存)
Ø 离线浏览 - 用户可在应用离线时使用它们
Ø 速度 - 已缓存资源加载得更快
Ø 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。
注意:manifest是一个后缀名为minifest的文件
如下三种方式,可以更新缓存:
更新manifest文件
通过javascript操作( window.applicationCache.update();)
清除浏览器缓存(点击F12—network—右键—clear browser cache);