離線緩存

離線緩存

  • 檢測
if(navigator.onLine){
  alert('網絡連接');
}else{
  alert('網絡未連接');
}
  • 動態
window.addEventlistener('online',onlineCallback);
window.addEventlistener('offline',onlineCallback);
  • 書寫緩存清單
    清單文件后綴 .appcache
CACHE MANIFEST 
#version 1.0 
CACHE:
index.html 
css/mian.css    
NETWORK:
#星號表示除上述文件之外的所有文件都應該下載。
*
  • 將html和緩存清單綁定
<html manifest = 'xxxxx.appcache'>
  • 注意:一旦寫有緩存清單,緩存的內容一旦更新,需更新緩存清單(更改緩存清單的版本號)
  • 通過applicationCache的updateready事件判斷是否有版本更新
applicationCache.onupdateready = function (){
  var result = window.confirm("網站有更新,是否更新網頁?");
  if(result){
    location.reload();
  }
}
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Html5 引入了應用程序緩存,這意味著web應用可以進行緩存,并且可以在沒有網絡連接的時候進行訪問。1.1 什么...
    Victor細節閱讀 4,061評論 0 0
  • 一:需求背景 1、應用場景 App中存在大量通過Web實現的業務,但是產品開發中沒有對應web緩存機制,導致用戶在...
    i憬銘閱讀 8,258評論 2 8
  • 本地數據的存儲。h5新接口的關于數據的存儲。上一章,我們講到,數據的離線緩存技術。是通過manifest...
    風清揚101閱讀 1,212評論 0 0
  • 在最初接觸數據緩存的時候 就看到多個博客提到可以用SDWebImage緩存圖片方式的思路去做數據緩存,可是基本沒有...
    _Andy_閱讀 4,703評論 34 59
  • 最近在學習爬蟲程序,反爬時非常缺少代理IP,本來網上的有效免費代理就少,何況我需要的還必須支持HTTPS,就更少了...
    whaike閱讀 10,863評論 0 28