什麼是離線快取:
離線快取可以將站點的一些檔案快取到本地,它是瀏覽器自己的一種機制,將需要的檔案快取下來,以便後期即使沒鏈結網路,被快取的頁面也可以展示
離線快取的優勢:
提高使用者的訪問速度,節省流量;
如何實現離線快取
內容為 :
cache manifest
# 1.0 版本號 (這個注釋是給 開發者看的,代表了第幾個版本)
cache:
在這裡書寫需要被快取的檔案,既可以是相對路徑,也可以使用絕對路徑
network:
* 指的是不會被快取的檔案, * 代表 上面的除了上面的快取檔案之外的其他所有都不會被快取
fallback:
如果無法建立英特網請求(如404),而開啟的檔案
在服務端的處理(服務端有可能無法解析此檔案),需要新增他的mime型別
不然在控制台 會報錯: failed to parse manifest (意思是:解析manifest檔案失敗)
原因是服務端,沒有響應這個檔案的mime型別
以phpstudy為例
phpstudy-->apache-->conf-->mime.types
如圖
H5離線快取機制 Manifest
manifest是乙個簡單的文字檔案,它的副檔名是任意的,定義需要快取的檔案 資源,當第一次開啟時瀏覽器會自動快取相應的資源。manifest的特點 manifest的使用 html新增了乙個manifest屬性,用於指定當前頁面的manifest檔案,引入得路徑可以是相對路徑也可以是絕對路徑,如果...
H5使用Manifest離線快取
1.mime type宣告 以apache為例,我們需要在httpd.conf中加上 2.在html檔案中引入manifest檔案 3.manifest檔案語法 cache manifest version 1.0 cache style default.css images sound icon....
h5 離線快取機制 manifest
其實manifest是乙個簡單的 文字檔案,它的副檔名是任意的,定義需要快取的檔案 資源,當第一次開啟時,瀏覽器會自動快取相應的資源。html新增了乙個manifest屬性,可以用來指定當前頁面的manifest檔案。建立乙個和html同名的manifest檔案,比如頁面為index.html,那麼...