H5離線快取

2022-06-04 16:39:45 字數 749 閱讀 5194

什麼是離線快取:

離線快取可以將站點的一些檔案快取到本地,它是瀏覽器自己的一種機制,將需要的檔案快取下來,以便後期即使沒鏈結網路,被快取的頁面也可以展示

離線快取的優勢:

提高使用者的訪問速度,節省流量;

如何實現離線快取

內容為 :

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,那麼...