html5的離線快取

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

（1） 離線瀏覽：使用者可以在應用離線時使用它們

（2） 速度更快：已快取資源，載入得更快

有乙個web應用有三個檔案index.html,a.js,b.css，現在需要把js和css檔案快取起來

1.在index.html裡加上

2.test.manifest清單格式如下

cache manifest

#上面一句必須
#v1.0.0
#需要快取的檔案
cache:
a.js
b.css
#不需要快取的檔案
network:
*#無法訪問頁面
fallback:
404.html

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

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

以#號開頭的是注釋，一般會在第二行寫個版本號，用來在快取的檔案更新時，更改manifest的作用，可以是版本號，時間戳或者md5碼等等。

cache:（必須）

標識出哪些檔案需要快取，可以是相對路徑也可以是絕對路徑。

cache:

a.css

下面的** 「login.asp」 永遠不會被快取，且離線時是不可用的：

network:

login.asp

指定了乙個後備頁面，當資源無法訪問時，瀏覽器會使用該頁面。該段落的每條記錄都列出兩個uri—第乙個表示資源，第二個表示後備頁面。兩個 uri 都必須使用相對路徑並且與清單檔案同源。可以使用萬用字元。

下面的例子中，如果無法建立網際網路連線，則用 「404.html」 替代 /html5/ 目錄中的所有檔案。

fallback:

/html5/ /404.html

fallback:*.html /404.html

給manifest新增或刪除檔案，都可更新快取，如果我們更改了js，而沒有新增或刪除，前面例子中注釋中的版本號，可以很好的用來更新manifest檔案。

html5中引入了js操作離線快取的方法，下面的js可以手動更新本地快取。

HTML5離線快取

它的優勢在於 ie10以下不支援，其餘的瀏覽器都支援。補充瀏覽器及其核心 ie trident ff gecko chrome blink opera blink 曾經使用presto safari webkit timepara getdatetime 獲取日期和時間 logo.png width...

html5 離線快取

本文將介紹離線快取的方方面面，並在最後會介紹一下關於自動化的問題。html5之前的網頁，都是無連線，必須聯網才能訪問，這其實也是web的特色，這其實對於pc是時代問題並不大，但到了移動網際網路時代，裝置終端位置不再固定，依賴無線訊號，網路的可靠性變得降低，比如坐在火車上，過了乙個隧道 15分鐘 便無...

HTML 5 離線和快取

1.離線應用 cache manifest cache 之後的資源都會被快取 cache main.html style.css main.js network 之後的資源不會被快取，總是從線上獲取 network account 如果離線化應用程式，只需將 html 檔案 和 manifest 描...