一、離線存儲(chǔ)的好處
沒(méi)有網(wǎng)絡(luò)時(shí)，可以正常訪問(wèn)
快速響應(yīng)頁(yè)面，不必用多個(gè)HTTP占用資源帶寬
減輕服務(wù)器的負(fù)載: 瀏覽器只會(huì)下載在服務(wù)器上發(fā)生改變的資源
緩存的可以是任何文件
離線存儲(chǔ)，關(guān)鍵在于沒(méi)有網(wǎng)絡(luò)時(shí)的操作；本地存儲(chǔ)不一樣，有無(wú)網(wǎng)絡(luò)都是一樣，就是將數(shù)據(jù)保存到本地中；
二、搭建離線應(yīng)用程序
服務(wù)器設(shè)置頭信息(在Apache中的httpd.conf文件添加)
// 注意最后是有空格隔開(kāi)的
AddType text/cache-manifest .manifest
如果不配置httpd.conf文件，則每次都需要添加頭部信息<?php header("content-type: text/cache-manifest"); ?>
html標(biāo)簽內(nèi)添加
// 需要?jiǎng)?chuàng)建一個(gè)cache.manifest的文件
<html manifest='cache.manifest'></html>
寫manifest文件: 離線清單列表
- CACHE MANIFEST: 后面即是離線清單列表
- FALLBACK: 第一個(gè)網(wǎng)絡(luò)地址沒(méi)有獲取到，就走第二個(gè)緩存
- NETWORK: 無(wú)論緩存中存在與否，均從網(wǎng)絡(luò)獲取
CACHE MANIFEST
#VERSION 1.0
CACHE:
index.html
./js/jquery.js
CACHE MANIFEST：文件標(biāo)識(shí)
#VERSION 1.0: 版本號(hào)，只是一行注釋，但改變可以更新緩存
CACHE：表示要緩存的文件
更新緩存的方式，更新manifest文件
瀏覽器發(fā)現(xiàn)manifest文件本身發(fā)生變化，便會(huì)根據(jù)新的manifest文件去獲取新的資源進(jìn)行緩存。
【修改一下manifest文件，把version改為1.1，然后刷新頁(yè)面】
注意:
1、站點(diǎn)離線存儲(chǔ)的容量限制是5M
2、引用manifest的html必須與manifest文件同源，在同一個(gè)域下
3、當(dāng)manifest文件發(fā)生改變時(shí)，資源請(qǐng)求本身也會(huì)觸發(fā)更新
作者：西門奄
鏈接：http://www.itdecent.cn/u/77035eb804c3
來(lái)源：簡(jiǎn)書(shū)
簡(jiǎn)書(shū)著作權(quán)歸作者所有，任何形式的轉(zhuǎn)載都請(qǐng)聯(lián)系作者獲得授權(quán)并注明出處。
