html5 offlline 快取使用範例_html5教學技巧

如果想使用該api，必須保證伺服器端配置對應的mime類型。

拿tomcat為例，在打開Tomcat 6.0confweb.xml文件，在文件的最後面添加如下內容

複製代碼

程式碼如下:

manifest
text/cache-manifest
text/cache-manifest mime-type>

尤其註意，extension的value是manifest，所以以後設定快取檔案的字尾必須跟他一樣。

使用快取是必須如下格式

複製程式碼

碼

...

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 為版本標籤，當版本改變的時候，客戶端會自動更新快取。