HTML5 離線快取demo在tomcat下的部署

2021-06-01 13:21:17 字數 647 閱讀 8368

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分鐘 便無...