zoukankan      html  css  js  c++  java
  • H5离线缓存

    离线缓存:application cache

      什么是离线缓存:

        离线缓存可以将站点的一些文件缓存到本地,它是浏览器自己的一种机制,将需要的文件缓存下来,以便后期即使没链接网络,被缓存的页面也可以展示

      离线缓存的优势:

        提高用户的访问速度,节省流量;

      如何实现离线缓存

        1.在需要缓存文件的根节点 html 上添加 manifest 属性(属性值是以 cache.appcache  为后缀的文件)   

        2.必须在同级目录下添加以  .appcache为后缀的文件

        3.  cache.appcache文件的内容

        内容为 :

          CACHE MANIFEST

          # 1.0  版本号  (这个注释是给 开发者看的,代表了第几个版本)

          CACHE:

            在这里书写需要被缓存的文件,既可以是相对路径,也可以使用绝对路径

          NETWORK:

            *  指的是不会被缓存的文件,   * 代表 上面的除了上面的缓存文件之外的其他所有都不会被缓存

          FALLBACK:

            如果无法建立英特网请求(如404),而打开的文件  

            

          

          在服务端的处理(服务端有可能无法解析此文件),需要添加他的mime类型

          不然在控制台 会报错: failed to parse manifest  (意思是:解析manifest文件失败)

          原因是服务端,没有响应这个文件的mime类型

          在服务器上添加 .appcache文件的mime类型

          以phpstudy为例

            phpstudy-->apache-->conf-->mime.types

          在最后一行添加mime类型: text/cache-manifest         .appcache   (还有添加后缀名)

          如图

          

  • 相关阅读:
    产品流程关键点分析
    Hadoop分布式文件系统(HDFS)设计
    什么是产品经理
    转:互联网产品开发流程
    如何用PHP/MySQL为 iOS App 写一个简单的web服务器(译) PART1
    mobile app 与server通信的四种方式
    Android: Client-Server communication
    Android: Client-Server communication by JSON
    Samba 源码解析之SMBclient命令流
    Samba 源码解析之内存管理
  • 原文地址:https://www.cnblogs.com/wangzhen1012/p/10967438.html
Copyright © 2011-2022 走看看