應用程序緩存的優勢
- 離線也可以瀏覽
- 資源加載速度更快
- 減少服務器負載
在html中加入
<html manifest="cache.appcache">
在cache.appcache文件中寫
CACHE MANIFEST
//離線的資源列表
img/1.jpg
//只有在線才能訪問
NETWORK:
//如果第一個資源訪問失敗，就替換第二個資源
FALLBACK:
/ /404.html
開始，我以為是把在線的資源離線緩存到本地，沒聯網也可以訪問，所以在index.html中引用了在線圖片，在瀏覽器打開，沒網不能顯示，報錯[Application Cache Error event: Manifest fetch failed (404)，后來加了服務器，才發現是緩存的資源，在服務器關閉時也可以訪問
參考文章推薦：
HTML5離線存儲原理
