離線緩存: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 (還有添加后綴名)
如圖