日韩精品在线一区二区,欧美视频免费,精品久久久久久久久久久久久久久

打開(kāi)一個(gè)網(wǎng)頁(yè)，加載完后，如果突然斷網(wǎng)了，那么你刷新后那頁(yè)面就沒(méi)了。
有沒(méi)有想過(guò)，刷新后頁(yè)面還是剛剛才頁(yè)面，在新窗口中再打開(kāi)一個(gè)頁(yè)面，輸入相同的網(wǎng)址，在斷網(wǎng)的狀態(tài)下打開(kāi)還是原來(lái)那個(gè)頁(yè)面。。HTML5的離線應(yīng)用正提供了這樣一個(gè)功能。
在頁(yè)面中的數(shù)據(jù)加載時(shí)，你可以自己設(shè)定一些要緩存的圖片、flash、css、js、html等文件，等下次不能聯(lián)網(wǎng)的情況下，你可以用那些緩存的文件。這就是HTML5的離線應(yīng)用。
其實(shí)它實(shí)現(xiàn)起來(lái)很簡(jiǎn)單。

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

復(fù)制代碼

代碼如下:

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

然后寫一個(gè)xxx.manifest文件，xxx是你自己取的一個(gè)名字。這個(gè)文件的格式是這樣的：

復(fù)制代碼

代碼如下:

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

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

那些緩存的文件放在哪呢？
在chrome上測(cè)試，發(fā)現(xiàn)它是按自己的機(jī)制來(lái)分塊保存這些文件的，所以我沒(méi)找不到完整的文件。保存的數(shù)據(jù)在：
C:\Users\jasonling\AppData\Local\Google\Chrome\User Data\Default 里面，具體怎么存，筆者還不了解。
火狐上的文件也是按它自己的機(jī)制來(lái)存的，不過(guò)筆者本人用sqlite打開(kāi)后，找到了緩存文件的具體信息：
讀者有興趣可以自己去嘗試一下，看會(huì)不會(huì)有新發(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)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。