美文网首页
真实服务器演示cache离线存储设计

真实服务器演示cache离线存储设计

作者: 追逐_e6cf | 来源:发表于2018-09-22 14:28 被阅读0次

    一、离线应用是什么
    1.在地铁、飞机等一些场合下手机信号弱,可以没有网络,这个时候可以离线应用
    2.如何工作
    原理就是在有网络的时候,客户端第一次访问服务器,服务器收到请求后,会把所有的信息返回给客户,并且同时,也会发送到寄存器里面存储着,当突然没有网络的时候,这时客户端请求不到服务器,就会去寄存器里面去找所需要的信息
    二、离线存储的好处
    1.没网的时候,可以正常访问
    2.快速响应请求的网页,不必用多个http请求占用带宽资源
    3.可以缓存任何文件,比如图片、css、js、html的名称,所有的主流浏览器均支持应用程序缓存,除了IE
    三、服务器设置头信息
    1.在Apache目录下的httpd.conf文件里,加上AddType text/cache-manifest .manifest
    2.HTML标签上manifest="文件名.manifest"
    3.创建一个后缀名为.manifest的文件,
    先写CACHE MANIFEST 下面写1.jpg index.css index.js index.html,在此标题下列出的文件将在首次下载后进行缓存
    FALLBACK:在此标题下列出的文件规定当页面无法访问时的回退页面(比如404页面)
    NETWORK:在此标题下列出的文件需要与服务器连接,且不会被缓存,如果你的电脑上,没有效果,那就是xampp安装包有问题,在真实服务器里有效果

    <p>manifest.appCache是要缓存的清单文件信息</p>
    <img src = "img/1.jpg" width = "300" height = "150" >
    <img src = "img/2.jpg" width = "300" height = "150" >
    <img src = "img/3.jpg" width = "300" height = "150" >
    
    //manifest.appCache
    
    CACHE MANIFEST
    #version 2018-9-22 1.1.0
    
    CACHE:
    img/1.jpg
    css/css.css
    js/index.js
    
    NETWORK:
    *
    

    相关文章

      网友评论

          本文标题:真实服务器演示cache离线存储设计

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