HTML5的离线存储如何使用,工作原理能不能解释一下?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

HTML5的离线存储如何使用,工作原理能不能解释一下?

茶什i 2019-11-18 13:17:13 872

HTML5的离线存储如何使用,工作原理能不能解释一下?

存储工作 如何使用html run工作 如何使用存储 存储工作原理
分享到
取消 提交回答
全部回答(1)
  • 茶什i
    2019-11-18 13:17:40

    在用户没有与互联连接时,可以正常访问站点或应用,在用户与互联连接时,更新用户机器上的缓存文件。

    原理:HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术),通过这个文件上的解析列表离线存储资源,这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时,浏览器会通过被离线存储的数据进行页面展示。

    使用方法

    只要在头部加一个清单属性就可以了

    <!DOCTYPE html>
    < html  manifest = “ cache.manifest ” >
      ...
    </ html >
    
    

    然后cache.manifest文件的书写方式如下:

    CACHE MANIFEST
    #v0.11
    
    CACHE:
    
    js/app.js
    css/style.css
    
    NETWORK:
    resourse/logo.png
    
    FALLBACK:
    / /offline.html
    
    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

相似问题
最新问题
推荐课程