manifest離線快取技術

2021-10-05 11:16:49 字數 709 閱讀 4324

author: 果果 data:2020.04.25 17:06

html屬性 manifest定義

manifest 屬性規定文件的快取 manifest 的位置。

html5 引入了應用程式快取,這意味著 web 應用程式可以被快取,然後在無網際網路連線的時候進行訪問。

應用程式快取使得應用程式有三個優點:

離線瀏覽 - 使用者可以在離線時使用應用程式

快速 - 快取的資源可以更快地載入

manifest 屬性應該被 web 應用程式中您想要快取的每個頁面包含。

manifest 檔案是乙個簡單的文字檔案,列舉出了瀏覽器用於離線訪問而快取的資源。

如何使用呢

測試一下

1、瀏覽器中在哪看manifest快取

2、是否走快取了呢?

結語

技術交流,共同進步,歡迎fork和star!
倉庫位址

離線快取manifest

1 在html檔案中的html標籤中加入如下屬性 2 demo.manifest檔案包含內容如下 cache manifest v1.0.0 需要快取的檔案 cache a.js b.css 不需要快取的檔案 network 無法訪問頁面 fallback 404.html 3 manifest檔案...

manifest離線快取機制

總結下 1 頁面的首次載入,獲取manifest在內的所有檔案,根據manifest檔案的內容,該快取的快取 2,第二次載入,先從快取中取出manifest檔案,裡面列出的快取檔案,直接從快取讀取,然後去請求網路的manifest和其他檔案,若新的mannifest檔案版本和舊的一樣,則沒有變動。若...

離線快取 manifest 的設定

雖然 manifest 已經從web標準中移除,但是還是來看看manifest的實現吧 這個需要伺服器的支援,也就是需要設定mime,我在本地的wamp 環境下進行設定的,對應的是第四個,也就是下面最後乙個 addtype text cache manifest manifest 伺服器上可以支援之...