html5 離線緩存使用以及注意事項css
一、index.html中加入離線緩存的聲明文件 如:
<!DOCTYPE html>
<html manifest="test.appcache">html
test.appcache 與 index.html在相同路徑下。html5
二、服務器端加入MIME TYPE聲明:
tomcat以下 web.xml中加入
<mime-mapping>
<extension>manifest</extension>
<mime-type>text/cache-manifest</mime-type>
</mime-mapping>web
三、編寫test.appcache文件
CACHE MANIFEST
# 2016-04-26
#v1.0.9瀏覽器
CACHE:
css/my.css
js/my.js緩存
NETWORK:
*
FALLBACK:
/html5/ /404.html
第一行必須爲CACHE MANIFEST
CACHE:配置要緩存的文件不能夠使用通配符
NETWORK:配置不緩存的文件,能夠使用通配符表示其餘文件都不緩存
FALLBACK:規定當頁面沒法訪問時的回退頁面tomcat
四、能夠經過更改test.appcache中的註釋如版本號是瀏覽器更新緩存文件,第二次打開頁面時使用新的文件服務器
五、當index.html也被緩存的狀況下能夠經過更改test.appcache文件名來更新緩存文件。app