1、起源
H5之前,所有的網頁都必須聯網才能訪問。PC端沒問題,在移動端網絡的可靠性變低
2、manifest
是什么
-
manifest
是一個同名后綴為manifest
的文件,在文件中定義那些需要緩存的文件,支持manifest
的瀏覽器,將會按照manifest
文件的規則進行保存數據,從而在沒有網絡的情況下,也可以訪問 - 當第一次正確配置app cache/manifest.manifest后,再次訪問該應用時,瀏覽器會首先檢查manifest是否有變動,如果有變動,則把相應的變化更新下來,同時改變瀏覽器的app cache,如果沒有變動,就會直接把app cache 的資源返回
特點
1、離線瀏覽:用戶可以在離線狀態瀏覽網站舊數據
2、更快的速度:因為數據存儲在本地,所以速度更快
3、減輕服務器的負載:瀏覽器指揮下載在服務器上發生改變的資源
兼容情況
所有主流瀏覽器都支持離線緩存,除了個性的IE
使用
a.在html
標簽中添加一個manifest
屬性,用來指定當前頁面的manifest
文件
b.創建一個和html
同名的manifest
文件,然后給index.html
文件添加屬性
<html manifest='index.manifest'>
c.html
設置完成,后面去操作manifest
文件
manifest
文件的編寫
典型寫法
CACHE MANIFEST
#version1.3
index.css
index.js
index.html
使用注意事項
- 瀏覽器?對緩存數據的容量限制可能不太一樣某些瀏覽?限制是每個站點5MB
- 如果
manifest
文件,或者內部列列舉的某一個文件不能正常下載,整個更新過程將失敗,繼續使用老的緩存 - 引用
manifest
的html
必須與manifest
文件同源,在同一個域下
-FALLBACK
中的資源必須和manifest
文件同源 - 當一個資源被緩存后,該瀏覽?直接請求整個絕對路徑也會訪問緩存中的資源
- 站點的其它頁面即時沒有
manifest
屬性,請求的資源如果在緩存中也從緩存中訪問 - 當
manifest
文件發生改變的時,資源請求本身也會觸發更新