DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5詳解 >> html5 offlline 緩存使用示例
html5 offlline 緩存使用示例
編輯:HTML5詳解     
如果想使用該api,必須保證服務器端配置相應的mime類型。 

拿tomcat為例,在打開Tomcat 6.0/conf/web.XML文件,在文件的最後面添加如下內容 

復制代碼代碼如下:
<mime-mapping> 
<extension>manifest</extension> 
<mime-type>text/cache-manifest</mime-type> 
</mime-mapping> 

尤其注意,extension的value是manifest,所以以後配置緩存文件的後綴必須跟他一樣。 

使用緩存是必須如下格式 

復制代碼代碼如下:
<!DOCTYPE Html> 
<Html manifest="/cache.manifest"> 
<body> 
... 
</body> 
</Html> 

cache.mainfest是在服務器端配置的文件 

格式如下 

復制代碼代碼如下:
CACHE MANIFEST 
index.Html 
time.JS 
time.CSS 
#fallback主要是用來離線的時候替換文件, 
# /pay/ ofline.Html pay下面的所有請求在離線的是都會轉發給 ofline.htm 
FALLBACK: 
server-time.js fallback-server-time.JS 
NETWORK: 

# version 9 

其中version 為版本標簽,當版本發生改變的時候,客戶端會自動更新緩存。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved