html5離線緩存使用

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

相關文章
相關標籤/搜索