h5離線儲存 manifest

2021-10-24 22:01:03 字數 738 閱讀 3142

1 問題分析

html5提出的乙個新的特性:離線儲存。通過離線儲存,我們可以通過把需要離線儲存在本地的檔案列在乙個manifest配置檔案中,這樣即使在離線的情況下,使用者也可以正常看見網頁。

2 核心問題講解

這個 不是很常用 就是告訴大家 以後見到要認識

使用

1 在需要離線快取儲存的頁面 加上 manifest = "cache.manifest"

...

2 在根目錄 新建檔案 cache.manifest 並寫上對應**

cache manifest

#v0.11

​cache:

​css/style.css

​network:

resourse/logo.png

​fallback:

/ /offline.html

離線儲存的manifest一般由三個部分組成:

cache:表示需要離線儲存的資源列表,由於包含manifest檔案的頁面將被自動離線儲存,所以不需要把頁面自身也列出來。會在當前瀏覽器存上

fallback:表示如果訪問第乙個資源失敗,那麼就使用第二個資源來替換他,比如上面這個檔案表示的就是如果訪問根目錄下任何乙個資源失敗了,那麼就去訪問offline.html

3 問題擴充套件

H5離線儲存 manifest

html5之前的網頁,都是無連線,必須聯網才能訪問,這其實也是web的特色,這其實對於pc是時代問題並不大,但到了移動網際網路時代,裝置終端位置不再固定,依賴無線訊號,網路的可靠性變得降低,比如坐在火車上,過了乙個隧道 15分鐘 便無法訪問 這對於web的傷害是很大的。html5便引入了cache ...

H5離線快取機制 Manifest

manifest是乙個簡單的文字檔案,它的副檔名是任意的,定義需要快取的檔案 資源,當第一次開啟時瀏覽器會自動快取相應的資源。manifest的特點 manifest的使用 html新增了乙個manifest屬性,用於指定當前頁面的manifest檔案,引入得路徑可以是相對路徑也可以是絕對路徑,如果...

H5使用Manifest離線快取

1.mime type宣告 以apache為例,我們需要在httpd.conf中加上 2.在html檔案中引入manifest檔案 3.manifest檔案語法 cache manifest version 1.0 cache style default.css images sound icon....