html5有乙個新特性,支援離線快取,便於開發離線應用。
經過了一些小波折,自己這邊也寫了乙個可以成功執行的demo。部署在tomcat下。
1.第一步:在tomcat下的conf/web.xml新增乙個mime_type.
新增內容:
text/cache-manifest
2.編寫.manifest檔案。
檔名可以隨便命名,我的是test.manifest
檔案內容:
cache manifest
#version 3.9
# 直接快取的檔案
cache:
/html5cache/test.html
/html5cache/ebt.png
network:
/html5cache/test.js
/html5cache/damictest.jsp
# 替代方案
fallback:
3.編寫離線快取的html檔案
關鍵一句就在上面。
一定不能寫成......這種寫法就會把效果給沖掉。切忌。
感慨:網上得來終覺淺,絕知此事要躬行!
HTML5 離線快取DEMO示例
1.index.manifest檔案配置 cache manifest chrome瀏覽器支援,火狐瀏覽器支援度不夠好 version 1 author by guoquanyou cache 其後列出的是需要快取的內容 network 其後列出的是不進行快取的內容,每次都需要從伺服器端獲取 net...
HTML5離線快取
它的優勢在於 ie10以下不支援,其餘的瀏覽器都支援。補充瀏覽器及其核心 ie trident ff gecko chrome blink opera blink 曾經使用presto safari webkit timepara getdatetime 獲取日期和時間 logo.png width...
html5 離線快取
本文將介紹離線快取的方方面面,並在最後會介紹一下關於自動化的問題。html5之前的網頁,都是無連線,必須聯網才能訪問,這其實也是web的特色,這其實對於pc是時代問題並不大,但到了移動網際網路時代,裝置終端位置不再固定,依賴無線訊號,網路的可靠性變得降低,比如坐在火車上,過了乙個隧道 15分鐘 便無...