H5離線緩存

離線緩存:application cache

  什麼是離線緩存:php

    離線緩存能夠將站點的一些文件緩存到本地,它是瀏覽器本身的一種機制,將須要的文件緩存下來,以便後期即便沒連接網絡,被緩存的頁面也能夠展現html

  離線緩存的優點:apache

    提升用戶的訪問速度,節省流量;瀏覽器

  如何實現離線緩存緩存

    1.在須要緩存文件的根節點 html 上添加 manifest 屬性(屬性值是以 cache.appcache  爲後綴的文件)   服務器

    2.必須在同級目錄下添加以  .appcache爲後綴的文件網絡

    3.  cache.appcache文件的內容app

    內容爲 :spa

      CACHE MANIFESThtm

      # 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   (還有添加後綴名)

  如圖

  

相關文章
相關標籤/搜索