HTML5的離線存儲怎么使用，工作原理是什么?

在用戶沒有與因特網(wǎng)連接時，可以正常訪問站點或應用，在用戶與因特網(wǎng)連接時，更新用戶機器上的緩存文件。

原理：HTML5的離線存儲是基于一個新建的.appcache文件的緩存機制(不是存儲技術(shù))，通過這個文件上的解析清單離線存儲資源，這些資源就會像cookie一樣被存儲了下來。之后當網(wǎng)絡在處于離線狀態(tài)下時，瀏覽器會通過被離線存儲的數(shù)據(jù)進行頁面展示。

如何使用：

1、頁面頭部像下面一樣加入一個manifest的屬性;

2、在cache.manifest文件的編寫離線存儲的資源;

CACHE MANIFEST
#v0.11
CACHE:
js/app.js
css/style.css
NETWORK:
resourse/logo.png
FALLBACK:
//offline.html

3、在離線狀態(tài)時，操作window.applicationCache進行需求實現(xiàn)。

猜你喜歡：

HTML中的src與href屬性有哪些區(qū)別？

HTML5畫布中線的樣式是怎樣設置的？

XML和HTML有什么區(qū)別和不同？

HTML5頁面頭部信息相關(guān)標簽是如何編輯的？

黑馬程序員前端培訓課程