manifest(離線緩存)

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文件,或者內部列列舉的某一個文件不能正常下載,整個更新過程將失敗,繼續使用老的緩存
  • 引用manifesthtml必須與manifest文件同源,在同一個域下
    -FALLBACK中的資源必須和manifest文件同源
  • 當一個資源被緩存后,該瀏覽?直接請求整個絕對路徑也會訪問緩存中的資源
  • 站點的其它頁面即時沒有manifest屬性,請求的資源如果在緩存中也從緩存中訪問
  • manifest文件發生改變的時,資源請求本身也會觸發更新
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容