html5 離線應(yīng)用的說(shuō)明這里就不多說(shuō)了，需要請(qǐng)谷歌一下或百度一下 ，本文旨在介紹如何實(shí)現(xiàn)離線應(yīng)用開(kāi)發(fā);

第1步：創(chuàng)建manifest文件，指定緩存文件清單;

可以先新建一個(gè)txt文本格式后綴的文件，第一行必須寫入 CACHE MANIFEST;

第二行可選的寫入一個(gè)注釋說(shuō)明 #version 1.0，注釋以#開(kāi)頭，這里的意思是說(shuō)明版本號(hào);

第三行開(kāi)始每行一個(gè)相對(duì)當(dāng)前文件目錄的文件路徑，如：

static/img/logo.png

static/css/style.css

一個(gè)基本的manifest文件就寫好了，把這個(gè)文件的后綴改成.manifest既可;

第2步：在html文件中指定文檔的manifest屬性為cache.mnifest文件的路徑;

添加好manifest屬性后加載頁(yè)面，在緩存配置文件里的文件就會(huì)被離線緩存，再次刷新時(shí)就不會(huì)從服務(wù)器上讀取;

第3步：通過(guò)API接口刷新緩存;

用JS通過(guò)window.applicationCache來(lái)獲取離線緩存對(duì)象，通過(guò)調(diào)用update方法：window.applicationCache.update() 來(lái)調(diào)用當(dāng)前緩存文件下載，下載完成后會(huì)觸發(fā)離線緩存對(duì)象的updateready事件，通過(guò)綁定事件執(zhí)行swapCache方法來(lái)清除緩存：window.applicationCache.swapCache() ，這個(gè)不會(huì)使得之前加載的資源突然被重新加載，只是在此之后發(fā)出請(qǐng)求頁(yè)面的資源是最新的;

通過(guò)以上簡(jiǎn)單的三步就可以實(shí)現(xiàn)HTML5離線應(yīng)用。本文由企業(yè)網(wǎng)絡(luò)服務(wù)平臺(tái)中億智企云網(wǎng)商學(xué)院分享，關(guān)于更多HTML5離線應(yīng)用開(kāi)發(fā)內(nèi)容，請(qǐng)繼續(xù)關(guān)注我們的企業(yè)網(wǎng)絡(luò)服務(wù)平臺(tái)官網(wǎng)http://chinadlxs668.top，或是撥打我們的全國(guó)服務(wù)熱線：400-698-5980