3. applicationCache

离线应用是什么? 
乘坐飞机、手机信号弱、去演讲的时候,可能没有网络,这个时候就可以采用离线应用。 
离线存储如何工作的?
 
离线存储的好处(作用)? 
没网的时候,可以正常访问
快速相应页面,不必用多个HTTP占用资源带宽 
缓存的可以是任何文件
 
缺点:只是对静态资源做存储(图片、文字)做不了交互
 
搭建离线应用程序
①服务器设置头信息 (在httpd.conf任意位置加如下信息):  
- AddType text/cache-manifest .manifest 
 
② html标签加 :  
- manifest=“xxx.manifest”    让xxx.manifest文件(也就需要离线存储的清单)与页面连接
<html manifest="cache.manifest">
 
③写manifest文件 :  离线的清单列表 (可以存储字符串、图片、css、js等文件)
- 先写 :  CACHE MANIFEST 
cache.manifest文件如下:
CACHE MANIFEST

2.png

- FALLBACK :  第一个网络地址没获取到,就走第二个缓存的  - 不怎么用

cache.manifest文件如下:

FALLBACK 

style1.css  style2.css
 
 
- NETWORK :无论缓存中存在与否,均从网络获取 - 不怎么用
cache.manifest文件如下:
NETWORK
原文地址:https://www.cnblogs.com/zouxinping/p/5018114.html