起源
html5之前的網(wǎng)頁(yè)，都是無(wú)連接，必須聯(lián)網(wǎng)才能訪問(wèn)，這其實(shí)也是web的特色，這其實(shí)對(duì)于PC是時(shí)代問(wèn)題并不大，但到了移動(dòng)互聯(lián)網(wǎng)時(shí)代，設(shè)備終端位置不再固定，依賴無(wú)線信號(hào)，網(wǎng)絡(luò)的可靠性變得降低，比如坐在火車上，過(guò)了一個(gè)隧道（15分鐘），便無(wú)法訪問(wèn)網(wǎng)站，這對(duì)于web的傷害是很大的，比如對(duì)于 《ecmascript合集》這樣的為閱讀而生的頁(yè)面。

html5便引入了cache manifest 文件。那么什么是cache manifest呢，接下來(lái)會(huì)講到。

什么是Cache Manifest
首先manifest是一個(gè)后綴名為minifest的文件，在文件中定義那些需要緩存的文件，支持manifest的瀏覽器，會(huì)將按照manifest文件的規(guī)則，像文件保存在本地，從而在沒(méi)有網(wǎng)絡(luò)鏈接的情況下，也能訪問(wèn)頁(yè)面。

當(dāng)我們第一次正確配置app cache后，當(dāng)我們?cè)俅卧L問(wèn)該應(yīng)用時(shí)，瀏覽器會(huì)首先檢查manifest文件是否有變動(dòng)，如果有變動(dòng)就會(huì)把相應(yīng)的變得跟新下來(lái)，同時(shí)改變?yōu)g覽器里面的app cache，如果沒(méi)有變動(dòng)，就會(huì)直接把a(bǔ)pp cache的資源返回，基本流程是這樣的。

Manifest的特點(diǎn)
離線瀏覽: 用戶可以在離線狀態(tài)下瀏覽網(wǎng)站內(nèi)容。

更快的速度: 因?yàn)閿?shù)據(jù)被存儲(chǔ)在本地，所以速度會(huì)更快.

減輕服務(wù)器的負(fù)載: 瀏覽器只會(huì)下載在服務(wù)器上發(fā)生改變的資源。

瀏覽器支持情況
所有主流瀏覽器均支持應(yīng)用程序緩存，除了 Internet Explorer。caniuse給出的答案如下圖所示。

如何使用
html新增了一個(gè)manifest屬性，可以用來(lái)指定當(dāng)前頁(yè)面的manifest文件。

創(chuàng)建一個(gè)和html同名的manifest文件，比如頁(yè)面為index.html，那么可以建一個(gè)index.manifest的文件，然后給index.html的html標(biāo)簽添加如下屬性即可：

發(fā)表評(píng)論 共有條評(píng)論 用戶名: 密碼: 驗(yàn)證碼: 匿名發(fā)表