武林網(www.vevb.com)文章簡介:html5 離線應用的說明這裡就不多說了,需要請谷歌一下或百度一下,本文旨在介紹如何實現離線應用開發
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離線應用。