html5 離線應用的說明這里就不多說了，需要請谷歌一下或百度一下 ，本文旨在介紹如何實現離線應用開發；
第1步：創建manifest文件，指定緩存文件清單；
可以先新建一個txt文本格式后綴的文件，第一行必須寫入 CACHE MANIFEST；
第二行可選的寫入一個注釋說明 #version 1.0，注釋以#開頭，這里的意思是說明版本號；
第三行開始每行一個相對當前文件目錄的文件路徑，如：
static/img/logo.png
static/css/style.css
一個基本的manifest文件就寫好了，把這個文件的后綴改成.manifest既可；
第2步：在html文件中指定文檔的manifest屬性為cache.mnifest文件的路徑；
<html manifest=”cacheData.manifest”>
添加好manifest屬性后加載頁面，在緩存配置文件里的文件就會被離線緩存，再次刷新時就不會從服務器上讀取；
第3步：通過API接口刷新緩存；
用JS通過window.applicationCache來獲取離線緩存對象，通過調用update方法：window.applicationCache.update() 來調用當前緩存文件下載，下載完成后會觸發離線緩存對象的updateready事件，通過綁定事件執行swapCache方法來清除緩存：window.applicationCache.swapCache() ，這個不會使得之前加載的資源突然被重新加載，只是在此之后發出請求頁面的資源是最新的；
通過以上簡單的三步就可以實現HTML5離線應用。
版權所有:易賢網
公眾號
事業單位
當前位置：
公考類
招聘類
各類考試