[html] 简述下html5的离线储存原理，同时说明如何使用？
生活随笔
收集整理的這篇文章主要介紹了
[html] 简述下html5的离线储存原理，同时说明如何使用？
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
[html] 簡述下html5的離線儲存原理，同時說明如何使用？
原理：HTML5的離線存儲是基于一個新建的.appcache文件的緩存機制(不是存儲技術)，通過這個文件上的解析清單離線存儲資源，這些資源就會像cookie一樣被存儲了下來。之后當網絡在處于離線狀態下時，瀏覽器會通過被離線存儲的數據進行頁面展示。如何使用：① 頁面頭部像下面一樣加入一個manifest的屬性。<!DOCTYPE HTML> <html manifest = "cache.manifest">... </html>在cache.manifest文件的編寫離線存儲的資源。CACHE MANIFEST#v0.1CACHE:js/index.jscss/index.cssNETWORK:images/logo.pngFALLBACK:*.html /404.html /* / /404.html 或 /html/ /404.html 也可*/以#號開頭的是注釋，一般會在第二行寫個版本號，用來在緩存的文件更新時，更新manifest以實現瀏覽器重新下載新的文件，可以是版本號，時間戳或md5碼等。離線存儲的manifest一般由三個部分組成：① CACHE：必選，表示需要離線存儲的資源列表，由于包含manifest文件的頁面將被自動離線存儲，所以不需要把頁面自身也列出來。② NETWORK：可選，可以使用通配符，表示在它下面列出來的資源只有在在線的情況下才能訪問，他們不會被離線存儲，所以在離線情況下無法使用這些資源。不過，如果在CACHE和NETWORK中有一個相同的資源，那么這個資源還是會被離線存儲，也就是說CACHE的優先級更高。③ FALLBACK：可選，表示如果訪問第一個資源失敗，那么就使用第二個資源來替換他，如/html/ /404.html表示用 “404.html” 替代 /html/ 目錄中的所有文件，/ /404.html表示用 “404.html” 替代當前目錄中的所有文件，*.html /404.html表示用 “404.html” 替代 所有html文件。個人簡介
我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論
主目錄
與歌謠一起通關前端面試題
總結
以上是生活随笔為你收集整理的[html] 简述下html5的离线储存原理，同时说明如何使用？的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： JAVA UDP 发送和接收数据
- 下一篇： 综合布线（楼栋）需求分析报告