更新時間:2021-05-10 來源:黑馬程序員 瀏覽量:
在用戶沒有與因特網(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)。
猜你喜歡: