离线应用程序

时间 2019-12-18

标签离线应用程序繁體版

原文原文链接

为了让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是备用资源文件