HTML5離線儲存和本地快取

一.離線儲存

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

1.在index.html裡加上

2.manifest清單格式如下

cache manifest

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

3.manifest檔案的mime-type必須是 text/cache-manifest型別

注意點：

2.如果想更新快取內容，只要修改下manifest檔案即可，如改版本號v1.0.1

4.離線儲存如果資源有更新，可以通過如下**來監聽，但第一次載入還會是原來的版本

(e) }

},false)

二.本地快取

localstorage.setitem("key","value")

localstorage.getitem("key","value")
localstorage.removeitem("key")
localstorage.clear()

1.本地儲存永不過期，除非自己去清除

2.可以通過chrome瀏覽器resources/local storage來檢視

3.不同域下就算key相同取不到的值也不同，如localhost和127.0.0.1

HTML5離線快取

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

html5 離線快取

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

HTML5 離線儲存

首先來講解下離線儲存的使用方法，說起來也很簡單。只要在你的頁面頭部像下面一樣加入乙個manifest的屬性就可以了。然後cache.manifest檔案的書寫方式，就像下面這樣 cache manifest v0.11 cache css style.css network resourse log...