主頁 > 知識庫 > HTML5離線緩存在tomcat下部署可實(shí)現(xiàn)圖片flash等離線瀏覽

HTML5離線緩存在tomcat下部署可實(shí)現(xiàn)圖片flash等離線瀏覽

熱門標(biāo)簽:會聲會影怎樣做地圖標(biāo)注效果 電銷機(jī)器人視頻 標(biāo)準(zhǔn)智能外呼系統(tǒng) 高德地圖標(biāo)注錯誤怎么修改 平頂山電子地圖標(biāo)注怎么修改 地圖標(biāo)注自己去過的地方 江蘇高頻外呼系統(tǒng)線路 洛陽市伊川縣地圖標(biāo)注中心官網(wǎng) 搜狗星級酒店地圖標(biāo)注
打開一個網(wǎng)頁,加載完后,如果突然斷網(wǎng)了,那么你刷新后那頁面就沒了。
有沒有想過,刷新后頁面還是剛剛才頁面,在新窗口中再打開一個頁面,輸入相同的網(wǎng)址,在斷網(wǎng)的狀態(tài)下打開還是原來那個頁面。。HTML5的離線應(yīng)用正提供了這樣一個功能。
在頁面中的數(shù)據(jù)加載時,你可以自己設(shè)定一些要緩存的圖片、flash、css、js、html等文件,等下次不能聯(lián)網(wǎng)的情況下,你可以用那些緩存的文件。這就是HTML5的離線應(yīng)用。
其實(shí)它實(shí)現(xiàn)起來很簡單。

需要服務(wù)器。這里用tomcat服務(wù)器來講解。
首先要先把.manifest后綴的文件 的mine類型配置為text/cache-manifest。
一講到tomcat配置,熟悉的朋友自然就會想到web.xml這個文件,沒錯,在文件中加入如下配置就行:

復(fù)制代碼
代碼如下:

<mime-mapping>
<extension>manifest</extension>
<mime-type>text/cache-manifest</mime-type>
</mime-mapping>

然后寫一個xxx.manifest文件,xxx是你自己取的一個名字。這個文件的格式是這樣的:

復(fù)制代碼
代碼如下:

CACHE MANIFEST
#version 1.5
CACHE:
MyTest.html
CSS/main.css
Javascript/bwH5LS.js
exp-calif-logo.gif

第一行是必須的,它標(biāo)識這是manifest的配置文件。
#version 1.5
這句是注釋,沒實(shí)際的作用,我在這里只是想讓瀏覽器更新緩存文件。因?yàn)楫?dāng)這個manifest文件與原來一樣的時候,瀏覽器是不會去重新加載緩存文件的,所以我們可以通過這個注釋,一方面修改版本號,另一方面讓瀏覽器更新緩存。
CACHE:
這行指示出下面的文件是要緩存的。示例中,緩存了當(dāng)前頁面:MyTest.html,以及一些css和js文件 還有圖片。
還有幾個關(guān)鍵字示例中沒提到,就是
NETWORK:
FALLBACK:
NETWORK 指不想緩存的頁面;FALLBACK 是指請求的文件 沒有找到或該文件的服務(wù)器沒有響應(yīng)時的替代方案,比如我們想請求某個嵌套頁面,但這個頁面的服務(wù)器連接不上了,那么我可以轉(zhuǎn)向另外一個指定的頁面。
這是第二步,第三步,只要在<html>標(biāo)簽中加上manifest的位置就行了:
<html manifest="NAME.manifest">
到這里,就可以實(shí)現(xiàn)簡單的離線應(yīng)用了。

那些緩存的文件放在哪呢?
在chrome上測試,發(fā)現(xiàn)它是按自己的機(jī)制來分塊保存這些文件的,所以我沒找不到完整的文件。保存的數(shù)據(jù)在:
C:\Users\jasonling\AppData\Local\Google\Chrome\User Data\Default 里面,具體怎么存,筆者還不了解。
火狐上的文件也是按它自己的機(jī)制來存的,不過筆者本人用sqlite打開后,找到了緩存文件的具體信息:
讀者有興趣可以自己去嘗試一下,看會不會有新發(fā)現(xiàn)。

標(biāo)簽:廣西 松原 蚌埠 鄂爾多斯 阿克蘇 廣東 果洛 常德

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《HTML5離線緩存在tomcat下部署可實(shí)現(xiàn)圖片flash等離線瀏覽》,本文關(guān)鍵詞  HTML5,離線,緩,存在,tomcat,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《HTML5離線緩存在tomcat下部署可實(shí)現(xiàn)圖片flash等離線瀏覽》相關(guān)的同類信息!
  • 本頁收集關(guān)于HTML5離線緩存在tomcat下部署可實(shí)現(xiàn)圖片flash等離線瀏覽的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章