H5離線快取機制 Manifest

2021-09-11 09:39:41 字數 798 閱讀 1188

manifest是乙個簡單的文字檔案,它的副檔名是任意的,定義需要快取的檔案、資源,當第一次開啟時瀏覽器會自動快取相應的資源。

manifest的特點:

manifest的使用:

html新增了乙個manifest屬性,用於指定當前頁面的manifest檔案,引入得路徑可以是相對路徑也可以是絕對路徑,如果是絕對路徑,需掛載在同乙個域下。manifest檔案可以是任意副檔名,但在伺服器上部署時它的mime-type必須是text/cache-manifest

manifest檔案結構:

接下來詳細說說manifest的細節,乙個典型的manifest檔案**結構像下面這樣:

manifest檔案,基本格式為三段: cache, network,與 fallback,其中network和fallback為可選項。

而第一行cache manifest為固定格式,必須寫在前面。

以#號開頭的是注釋,可以是版本號,時間戳等等。一般會在這寫個版本號,用來在快取的檔案更新時,更改manifest的作用:瀏覽器已經快取下來的快取,只有當manifest檔案發生了改變才會更新本地快取,即使你的**發生了

更新,本地瀏覽器也是不知道的,所以每次發布**時你可以更改下#後面的資訊比如版本號或者時間,告訴瀏覽器相應的更新本地快取。

h5 離線快取機制 manifest

其實manifest是乙個簡單的 文字檔案,它的副檔名是任意的,定義需要快取的檔案 資源,當第一次開啟時,瀏覽器會自動快取相應的資源。html新增了乙個manifest屬性,可以用來指定當前頁面的manifest檔案。建立乙個和html同名的manifest檔案,比如頁面為index.html,那麼...

H5離線快取

什麼是離線快取 離線快取可以將站點的一些檔案快取到本地,它是瀏覽器自己的一種機制,將需要的檔案快取下來,以便後期即使沒鏈結網路,被快取的頁面也可以展示 離線快取的優勢 提高使用者的訪問速度,節省流量 如何實現離線快取 內容為 cache manifest 1.0 版本號 這個注釋是給 開發者看的,代...

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....