原生js--應用程序存儲和離線web應用

一、應用程序緩存和其它存儲方式的區別:html

  a、不像localStorage和sessionStorage那樣只存儲web應用程序的數據,它將應用程序自身存儲起來。web

  b、不像瀏覽器緩存同樣會過時或者被用戶手動清除,除非用戶「卸載」它們瀏覽器

  c、離線狀態下使用localStorage存儲相關的數據,當再次進入在線狀態時,可以將存儲的數據傳輸到服務器緩存

二、應用程序緩存清單服務器

  使用方法:網絡

  a、想要將應用程序「安裝」到應用程序緩存中,首先建立一個清單:包括全部應用程序所依賴的URL列表session

  b、在主HTML頁面的<html>標籤中設置manifest屬性指向該清單文件htm

  清單內容:資源

  a、首行必須以:CACHE MANIFEST字符串開始字符串

  b、以後每行一個URL

  c、能夠使用「#」進行註釋

  清單MIME類型:

  「text/cache-manifest」類型,若是服務器將清單設置爲其它類型則不會緩存應用程序

  複雜清單內容分爲:

  「CACHE:」區:須要緩存的文件URL放在此處

  「METWORT:」區:該區域的資源不進行緩存,老是請求網絡

  「FALLBACK:」區:該區域每行包括兩個URL,第二個是放到緩存中的資源,若是請求第一個資源失敗就會使用第二個資源

相關文章
相關標籤/搜索