在html頁面中引入manifest文件

在服務(wù)器添加mime-type text/cache-manifest

如下：

sample.appcache內(nèi)容如下：

CACHE MANIFEST

#version n.n

CACHE:

#需要緩存的文件

/css/sample.css

/images/image.jpg

NETWORK:

#每次重新拉取的文件

*

FALLBACK:

#離線狀況下代替文件

/ offline.html

html5離線存儲(chǔ)的優(yōu)勢：

1.完全離線

2.資源被緩存，加載更快

3.降低server負(fù)載

適用場景：

1.單地址的頁面，即：不帶參數(shù)的地址，如果帶參數(shù)，a=1改成a=2, 兩個(gè)都會(huì)被緩存。

2.對(duì)實(shí)時(shí)性要求不高的業(yè)務(wù)。

3.離線webapp

嚇哭原生App的HTML5離線存儲(chǔ)技術(shù)，卻出乎意料的容易！【低調(diào)轉(zhuǎn)載】

嚇哭原生App的HTML5離線存儲(chǔ)技術(shù),卻出乎意料的容易![WeX5低調(diào)轉(zhuǎn)載] 2015-11-16 lakb248 起步軟件 近幾天,WeX5小編編跟部分移動(dòng)應(yīng)用從業(yè)人士聊了聊,很多已經(jīng)準(zhǔn)備好全面擁 ...

HTML5離線存儲(chǔ)原理

找到一篇介紹離線緩存的,感覺比之前看到的解釋的更透徹,新的知識(shí)點(diǎn)記錄如下: 大家都知道Web App是通過瀏覽器來訪問的,所以離線狀態(tài)下是無法使用app的.其中web app中的一些資源并不經(jīng)常改變, ...

html5 離線存儲(chǔ) worker

html5 離線存儲(chǔ)

與50位技術(shù)專家面對(duì)面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的html5离线保存需要联网吗,html5 离线存储的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。