h5应用缓存

Posted ltfxy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了h5应用缓存相关的知识,希望对你有一定的参考价值。

应用缓存

数据缓存:localstorage
文件缓存:应用缓存,本地配置以后第二次不取了,当服务器改变就取新的,没改变时取缓存
         manifest文件主要分为三个部分
         CACHE MANIFEST: 在此标题下列出的文件将在首次下载后进行缓存
         NETWORK:在此标题下列出的文件需要与服务器的连接,且不会被缓存
         FALLBACK:在此标题下列出的文件规定当页面无法显示时的回退页面

配置:

    html:
        <html lang="en" manifest="../main.manifest">

    manifest.manifest:
        CACHE MANIFEST:
        /main.js
        /index.css

        NETWORK:
            login.php
        
        FALLBACK:
            ./404/html

清除:

    1 用户清空浏览器缓存
    2 manifest文件被修改
    3 由程序来更新应用缓存

优势:

    离线浏览。用户可在应用离线时使用它们
    速度。已缓存资源加载更快
    减少服务器负载。浏览器将只从服务器下载更新过或更改过的资源。

兼容:

    IE10以上

以上是关于h5应用缓存的主要内容,如果未能解决你的问题,请参考以下文章

h5应用缓存

H5 缓存机制浅析 移动端 Web 加载性能优化

H5 应用程序缓存(离线缓存)

H5应用程序缓存浅谈及实际测试

H5应用程序缓存 - Cache manifest

一招解决微信小程序中的H5缓存问题