HTML5中快取技術

2021-07-02 07:28:06 字數 716 閱讀 4107

cache.html

下面是快取檔案中的配置

cache manifest

# revision 1

cache:

./cache.js

./cache.css

./t.png

第一行必須是cache manifest,以#開始的行為注釋 ,從cache:  開始其後內容為自動快取的內容

其他的配置項:    

network: 後面內容為不快取的內容   

fallback:   後面的內容為某一資源無法訪問時的替代資源 

如 fallback:

contents/             notfound.html                  #指定contents/下的資源無法訪問的替代資源為  notfound.html

快取的更新:

實驗使用apache,在伺服器端更新了.css檔案的內容後,客戶端瀏覽器並沒有變化,因為客戶端決定是否更新快取是根據快取列表檔案是否有變化來更新的,快取列表沒有變化,即使檔案內容發生變化,仍然不會重新快取,在此時,可以通過對注釋部分的版本號進行改變,來使得客戶端重新更新。

var ok = confirm('有新版本,是否更新?');

if(ok) location.reload();

}

HTML5 應用快取

html5 引入了應用程式快取,這意味著 web 應用可進行快取,並可在沒有網際網路連線時進行訪問。應用程式快取為應用帶來三個優勢 新增快取 manifest 檔案可分為三個部分 network 在此標題下列出的檔案需要與伺服器的連線,且不會被快取 fallback 在此標題下列出的檔案規定當頁面無...

HTML5離線快取

它的優勢在於 ie10以下不支援,其餘的瀏覽器都支援。補充瀏覽器及其核心 ie trident ff gecko chrome blink opera blink 曾經使用presto safari webkit timepara getdatetime 獲取日期和時間 logo.png width...

html5 離線快取

本文將介紹離線快取的方方面面,並在最後會介紹一下關於自動化的問題。html5之前的網頁,都是無連線,必須聯網才能訪問,這其實也是web的特色,這其實對於pc是時代問題並不大,但到了移動網際網路時代,裝置終端位置不再固定,依賴無線訊號,網路的可靠性變得降低,比如坐在火車上,過了乙個隧道 15分鐘 便無...