溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

怎么在html5中使用offlline進行緩存

發(fā)布時間:2021-04-14 15:51:02 來源:億速云 閱讀:231 作者:Leah 欄目:web開發(fā)

本篇文章為大家展示了怎么在html5中使用offlline進行緩存,內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。

拿tomcat為例,在打開Tomcat 6.0\conf\web.xml文件,在文件的最后面添加如下內(nèi)容

代碼如下:

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


尤其注意,extension的value是manifest,所以以后配置緩存文件的后綴必須跟他一樣。

使用緩存是必須如下格式

代碼如下:

<!DOCTYPE html> 
<html manifest="/cache.manifest"> 
<body> 
... 
</body> 
</html>


cache.mainfest是在服務器端配置的文件

格式如下

CACHE MANIFEST 
index.html 
time.js 
time.css 
#fallback主要是用來離線的時候替換文件, 
# /pay/ ofline.html pay下面的所有請求在離線的是都會轉(zhuǎn)發(fā)給 ofline.htm 
FALLBACK: 
server-time.js fallback-server-time.js 
NETWORK: 
* 
# version 9


其中version 為版本標簽,當版本發(fā)生改變的時候,客戶端會自動更新緩存。

上述內(nèi)容就是怎么在html5中使用offlline進行緩存,你們學到知識或技能了嗎?如果還想學到更多技能或者豐富自己的知識儲備,歡迎關注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI