HTML5离线存储

作者: 07120665a058 | 来源:发表于2017-06-17 16:09 被阅读166次

    应用程序缓存的优势

    • 离线也可以浏览
    • 资源加载速度更快
    • 减少服务器负载

    html中加入

    <html manifest="cache.appcache">
    

    cache.appcache文件中写

    CACHE MANIFEST
    //离线的资源列表
    img/1.jpg
    
    //只有在线才能访问
    NETWORK:
    
    //如果第一个资源访问失败,就替换第二个资源
    FALLBACK:
    / /404.html
    

    开始,我以为是把在线的资源离线缓存到本地,没联网也可以访问,所以在index.html中引用了在线图片,在浏览器打开,没网不能显示,报错[Application Cache Error event: Manifest fetch failed (404),后来加了服务器,才发现是缓存的资源,在服务器关闭时也可以访问

    demo地址

    参考文章推荐:
    HTML5离线存储原理

    相关文章

      网友评论

        本文标题:HTML5离线存储

        本文链接:https://www.haomeiwen.com/subject/tudeqxtx.html