MORE
了解詳細內容
當前位置:首頁 > 新聞觀點 > 常見問題 >

如何實現HTML5離線應用開發

文章來源:暢想網絡 | 本文作者:小編 | 發布時間:2016-01-25 12:19:07 | Tag標簽:
01

25 2016

以前炒作web2,現在開始炒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() ,這個不會使得之前加載的資源突然被重新加載,只是在此之后發出請求頁面的資源是最新的。
相關內容
網站導航:首 頁 | 關于我們 | 服務項目 | 新聞觀點 | 客戶案例 | 解決方案 | 聯系我們
澳洲幸运10开奖历史 七位数体彩号码预测专家 山东群英会遗漏查询 房地产投资赚钱技法电子书 山西11选5任5最大遗漏 排列五开奖结果查询 公司没赚钱倒闭服务费退吗 安徽十一选五遗漏全双 舟山飞鱼直播 可以利用业余时间赚钱的 杀关 棋牌 规则 幸运赛车pk 加拿大快乐8开奖结果果 沈阳棋牌下载 上海时时乐开奖结果走势图 澳洲幸运10开奖网站 2019上证指数最高点