zoukankan      html  css  js  c++  java
  • html5离线

    要构建离线应用程序,需要一个以manifest为后缀名的离线清单,清单中包括3类内容,
    1.CACHE:需要缓存的文件
    2.NETWORK:不需要缓存的文件
    3.FALLBACK:包括2个文件,第一个是能在线访问的资源,第二个是如果第一个访问不了的备用资源
    list.manifest文件示例

    CACHE MANIFEST
    #注释以#开头,清单必须以CACHE MANIFEST开头

    CACHE
    #下面是需要缓存的文件
    test.js
    test.css
    test.jpg
    NETWORK
    #以下是不需缓存的文件
    over.html
    about.html
    FALLBACK
    #加入1.js读取不到就用2.js
    1.js 2.js
    使用离线清单需要服务器支持text/cache-manifest这个MIME类型。引入离线清单的页面如下,
    <!DOCTYPE html>
    <html manifest="list.manifest">
    ...
    </html> 
    注意事项
    1.必须以CACHE MANIFEST开头
    2.文件路径可以相对或绝对
    3.如果在清单中没有指定是否需要缓存,默认都是cache类型
    4.引入清单的页面无需写在清单中,自动缓存
    applicationCache对象的属性
    window.applicationCache是缓存对象,它有一个status属性,此属性有6个值:0未缓存;1空闲;2检查中;3下载中;4更新就绪;5过期。
    applicationCache对象的事件
    checking:检查
    noupdate:未更新
    downloading:下载
    progress:进行状态
    updateready:更新就绪
    cached:空闲
    error:错误
    obsolete:过期

  • 相关阅读:
    code1135 选择客栈
    code3289 花匠
    code1167 树网的核
    线段树
    二分图 and code1170 双栈排序
    code1001 舒适的路线
    svg的自述
    a链接bug
    去除a标签链接触摸时产生边框
    前端资源收藏
  • 原文地址:https://www.cnblogs.com/bianyuan/p/2356472.html
Copyright © 2011-2022 走看看