離線快取 application cache

2022-08-22 22:09:09 字數 867 閱讀 2284

1,什麼是離線快取?

離線快取可以將站點的一先檔案快取到本地,它是瀏覽器自己的一種機制,將需要的檔案快取下來,以便後期即使沒有連線網路,被快取的頁面也可以展示。

列子:比如我們在手機或電腦上訪問乙個網頁,下一次訪問即使不連網也可以訪問,因為當我們第一次訪問的時候,瀏覽器已經把此時頁面給儲存到本地了。

2,離線快取的優勢:

1,在沒有網路的時候,可以訪問到快取對應的站點頁面,包括html,css,img等檔案。

2,在有網路的時候,瀏覽器也會優先使用已離線快取的檔案,返回乙個200(from ache)頭。這 跟http 的快取使用策略不同,

3,資源的快取可以帶來更好的使用者體驗,當使用者使用自己流量時,本地快取不僅可以提高使用者訪問速度,而且大大節約使用者的使用流浪。

3,實現離線快取:

需要注意:前兩個是必寫,後兩個是可選,在這裡面#是注釋的意思

開啟mime.types檔案後面新增

5,在網頁開啟manifest

現在就可以看到我們快取的檔案有 css,img,html等

你可以試著斷網是否能訪問到這個img,這個是網上需要網路載入,如果斷網看看是否還能載入出來。

離線快取manifest

1 在html檔案中的html標籤中加入如下屬性 2 demo.manifest檔案包含內容如下 cache manifest v1.0.0 需要快取的檔案 cache a.js b.css 不需要快取的檔案 network 無法訪問頁面 fallback 404.html 3 manifest檔案...

離線快取總結

離線快取 1.什麼是離線快取?離線快取 離線快取可以將站點的一些檔案快取到本地,它是瀏覽器自身的一種機制,將需要的檔案快取下來,以便後期即使沒有連線網路,被快取的頁面也可以展示 2.離線快取的優勢 1 在沒有網路的時候可以訪問到快取的對應的站點頁面,其中包括 html,css,js,img.2 在有...

android離線快取技術

如果能夠在呼叫網路介面後自動快取返回的json資料,下次在斷網狀態下呼叫這個介面獲取到快取的json資料的話,那該多好呢?volley做到了這一點。因此,今天這篇文章介紹的就是使用volley自帶的資料快取,配合universal imageloader的快取,實現斷網狀態下的 顯示。1.使用vol...