HTML5 應用快取

2021-07-11 04:42:07 字數 592 閱讀 7233

html5 引入了應用程式快取,這意味著 web 應用可進行快取,並可在沒有網際網路連線時進行訪問。

應用程式快取為應用帶來三個優勢:

新增快取

manifest 檔案可分為三個部分:

network- 在此標題下列出的檔案需要與伺服器的連線,且不會被快取

fallback- 在此標題下列出的檔案規定當頁面無法訪問時的回退頁面(比如 404 頁面)

注釋:瀏覽器對快取資料的容量限制可能不太一樣(某些瀏覽器設定的限制是每個站點 5mb)。

更新快取

一旦應用被快取,它就會保持快取直到發生下列情況:

cache manifest

# 2012-02-21 v1.0.0 # 注釋行

/theme.css

/logo.gif

/main.js

network:

login.asp

fallback:

/html5/ /404.html # 用 "404.html" 替代 /html5/ 目錄中的所有檔案

HTML5之應用快取

html書寫 html manifest檔案的書寫方式 cache manifest cache theme.css logo.gif main.js network xx fallback x.css tesr.css 原檔案 替代檔案 當原檔案不能用時使用替代檔案 客戶端快取的更新 只有修改ma...

HTML5應用快取機制

用360瀏覽器的使用者對這張圖應該都是耳熟能詳了吧,沒錯,當網路不通暢時使用360瀏覽器,便會有這張圖彈出來。為什麼沒有網路還能彈出這一副畫面呢?這就關乎html5的應用快取機制了。那什麼是應用快取機制呢?怎麼使用應用快取?首先,我們需要新建乙個自定義的清單檔案 manifest file 在這裡我...

HTML5的應用快取

使用應用快取可以得到以下益處 用法 只需要在你的頁面頭部加上乙個 manifest 的屬性就可以了。cache.manifest檔案的書寫方式 cache manifest v1 2011 08 14 這是乙個完整的頁面 index.html cache.html style.css image1....