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

　　如圖