离线应用程序

为了让web应用程序在离线的时候也能正常工作,就必须要把所有构成web应用程序的资源文件(html,css,javascript)放在本地缓存中,当服务器没有与internet链接的时候,也可以利用本地缓存中的资源文件来正常运行

本地缓存和浏览器网页缓存的区别:
本地缓存是为了整个web应用程序服务的,而浏览器网页缓存只服务于单个网页,
任何网页都有网页缓存,本地缓存只缓存你指定的缓存的网页,
网页缓存不可靠,本地缓存可靠

mainfest文件 :一个页面具有mainfest文件,浏览器会自动对这个页面进行本地缓存
1.在index.html里加上<html manifest="index.manifest">

2.manifest清单格式如下 注释以#开头
 #需要缓存的文件
    CACHE:
    a.js
    b.css
    #不需要缓存的文件
    NETWORK:
    *
    #无法访问页面
    FALLBACK:
    http://xxx.com
    Notffline.asp
接下来指定资源,文件路径可以是相对路径,也可以是绝对路径。指定时每个资源文件为一行。

在指定资源文件时,可以吧资源文件分为三类:CACHE NTEWORK FALLBACK
CACHE:是指定文件缓存
NTEWORK是指定不进行本地缓存
FALLBACK:每行指定2个资源,1是能够在线访问2是备用资源文件
posted @ 2017-05-04 15:27  小货盘啦  阅读(182)  评论(0编辑  收藏  举报