HTML5中的Application Cache 實現離線緩存

Cache Manifest 基礎

如需啓用應用程序緩存，請在文檔的<html> 標籤中包含 manifest 屬性： php

<!DOCTYPE HTML>
<html manifest="demo.appcache">
...
</html>

每一個指定了 manifest 的頁面在用戶對其訪問時都會被緩存。若是未指定 manifest 屬性，則頁面不會被緩存（除非在 manifest 文件中直接指定了該頁面）。css

manifest 文件的建議的文件擴展名是：".appcache"。html

請注意，manifest 文件須要配置正確的 MIME-type，即 "text/cache-manifest"。必須在 web 服務器上進行配置。html5

manifest 文件是簡單的文本文件，它告知瀏覽器被緩存的內容（以及不緩存的內容）。web

manifest 文件可分爲三個部分：瀏覽器

第一行，CACHE MANIFEST，是必需的：緩存

CACHE MANIFEST
/theme.css
/logo.gif
/main.js

上面的 manifest 文件列出了三個資源：一個 CSS 文件，一個 GIF 圖像，以及一個 JavaScript 文件。當 manifest 文件加載後，瀏覽器會從網站的根目錄下載這三個文件。而後，不管用戶什麼時候與因特網斷開鏈接，這些資源依然是可用的。服務器

下面的 NETWORK 小節規定文件 "login.php" 永遠不會被緩存，且離線時是不可用的：app

NETWORK:
login.php

可使用星號來指示全部其餘其餘資源/文件都須要因特網鏈接：函數

NETWORK:
*

下面的 FALLBACK 小節規定若是沒法創建因特網鏈接，則用 "offline.html" 替代 /html5/ 目錄中的全部文件：

FALLBACK:
/html/ /offline.html

注意: 第一個 URI 是資源，第二個是替補。

一旦應用被緩存，它就會保持緩存直到發生下列狀況：

CACHE MANIFEST
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js
NETWORK:
login.php
FALLBACK:
/html/ /offline.html

提示:以 "#" 開頭的是註釋行，但也可知足其餘用途。應用的緩存會在其 manifest 文件更改時被更新。若是您編輯了一幅圖片，或者修改了一個 JavaScript 函數，這些改變都不會被從新緩存。更新註釋行中的日期和版本號是一種使瀏覽器從新緩存文件的辦法。

請留心緩存的內容。

一旦文件被緩存，則瀏覽器會繼續展現已緩存的版本，即便您修改了服務器上的文件。爲了確保瀏覽器更新緩存，您須要更新 manifest 文件。

注意: 瀏覽器對緩存數據的容量限制可能不太同樣（某些瀏覽器設置的限制是每一個站點 5MB）。

那麼什麼是appcache文件呢？

見： http://www.djjwz.com/news/news3264.html