html5 離線儲存

資料：

quzishen  :    

manifest檔案：

1

cache manifest
2#上面一句必須 (manifest檔案內容型別必須配置為text/cache-manifest傳送到瀏覽器);
3#v1.0.0 版本號(如果想更新快取內容,只要修改下manifest檔案即可,如改版本號v1.0.1);45
#需要快取的檔案
6cache:
7a.js
8b.css910
#不需要快取的檔案
11network:12*
1314
#無法訪問頁面
15fallback:
16 404.html

html檔案：

1

doctype html
>
2<
html 
lang
="en"
manifest
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
title
>document
title
>
6<
script
>
7window.onload 
=function
()1617=
function
()2223=
function
()2627=
function
()3132=
function
()3536=
function
()45}46
47=function
()5051=
function
()54
55//
離線儲存如果資源有更新，可以通過如下**來監聽，但第一次載入還會是原來的版本56'
updateready',
function
(e)63}64
},false
);6566}
67}68}
69script
>
70head
>
71<
body
>
7273
body
>
74html
>

後記：專案裡沒用過，貌似也就移動端可行，不過做demo的感覺這東西有點坑。。。。

HTML5 離線儲存

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

HTML5 離線儲存

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

html5離線儲存

他們有各自適應的場景。我這裡主要介紹一下localstorage，以及sessionstorage。localstorage和sessionstorage都是以乙個鍵值對的方式來儲存值，最大容量是5m。5m對於我們來說，快取一下少量的資料還是夠用的了 localstorage和sessionstor...