這篇文章給大家介紹怎么在Html5中實(shí)現(xiàn)應(yīng)用程序緩存，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比科爾沁右翼前網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式科爾沁右翼前網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋科爾沁右翼前地區(qū)。費(fèi)用合理售后完善，十載實(shí)體公司更值得信賴。

一、作用

離線瀏覽 - 根據(jù)文件規(guī)則把資源緩存在本地，脫機(jī)依然能夠訪問資源，聯(lián)網(wǎng)會直接使用緩存在本地的文件。優(yōu)化加載速度，節(jié)約服務(wù)器資源。

二、適用場景

正如 manifest 英譯的名字：離線應(yīng)用程序緩存，這項(xiàng)功能是設(shè)計(jì)給會有離線場景的應(yīng)用來使用，例如：需要離線使用的手機(jī)APP/H5，亦或是PC端的純靜態(tài)頁面。

三、問題

1.服務(wù)器資源更新后顯示滯后需要多刷新一次頁面

1. 首次在載入頁面時，瀏覽器會判斷是否引入了 manifest，若檢測到引入，則下載并按文件規(guī)則緩存資源。

2. 再次載入頁面時，便會根據(jù) manifest 中規(guī)定的緩存文件使用本地緩存而不是請求服務(wù)器資源。

3. 當(dāng) manifest 文件更新時，頁面加載已經(jīng)進(jìn)行，但是緩存更新尚未完成，便會先使用舊 manifest 所緩存的文件，同時瀏覽器會將新的 manifest 文件里的緩存文件下載下來，若想看到最新的靜態(tài)資源需要刷新下頁面重新加載一次。

2.全量加載

當(dāng) manifest 文件更新時，所有的資源都要全部被下載一次，并且其中一個出現(xiàn)異常會導(dǎo)致整個 manifest 運(yùn)行異常。

3.W3C標(biāo)準(zhǔn)及瀏覽器支持

作為 H5 的新屬性，初衷是用來構(gòu)造離線應(yīng)用的，緩存網(wǎng)站資源的話原本瀏覽器的緩存機(jī)制（304）已經(jīng)很好了，沒必要再使用 manifest 做緩存；實(shí)際上因?yàn)槭褂梅错懖⒉缓?，W3C正在廢棄 manifest。

四、使用方法

首先在標(biāo)簽 中指定 manifest 配置文件。

配置文件 manifest.appcache。

CACHE MANIFEST
# 井號備注，這邊可以放版本更新時間，修改備注算更新 manifest 文件
CACHE:
# 首次下載 CACHE 后列出來的文件后緩存到本地。
/favicon.ico
/main.css

NETWORK:
# NETWORK 下的文件不可被緩存，必須要與服務(wù)器連接。
login.php

FALLBACK:
# 一行放兩個路徑，第一個是訪問資源，第二個是替補(bǔ)；當(dāng)無法訪問前一個資源時，用后一個資源代替之。
/cat/ /404.html

關(guān)于怎么在Html5中實(shí)現(xiàn)應(yīng)用程序緩存就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。