標籤：style c class blog java http
此文純屬於個人筆記，個人能力有限，給看官帶來誤導請諒解，謝謝！
本文主要參考資料連結：
http://www.cnblogs.com/powertoolsteam/archive/2011/04/02/2003834.html
http://www.w3school.com.cn/html5/html_5_app_cache.asp
http://www.w3school.com.cn/html5/html5_html.asp
http://www.cnblogs.com/cxd4321/p/3257372.html
http://www.cnblogs.com/brainmao/archive/2011/09/27/2193495.html
奉安拉之名：感謝互連網絡的強大！
一、什麼是Cache manifest
傳統的Web應用程式有一個很大的癥結是當使用者的網路連接不好時，應用會載入失敗，為了 解決這一問題，HTML5中引入了Web的離線工作的功能。離線功能使得Web應用程式類似於本機應用程式，當斷開網路連接時可以繼續瀏覽未瀏覽完成的內容，離線功能的另一個好處是可以永久緩衝靜態內容，而沒有緩衝到期的限制，這樣很大程度上加速了網頁的載入速度。
應用程式緩衝為應用帶來三個優勢：
更新緩衝
一旦應用被緩衝，它就會保持緩衝直到發生下列情況：
二、怎麼實現HTML5 Cache manifest
實現主要分兩個步驟，這裡談到的是ASP.NET的實現
1、建立一個manifest的檔案（檔案名稱自理）
我的測試例子中檔案名稱為：damo.appcache。
（以下內容摘自W3C官網）
manifest 檔案是簡單的文字檔，它告知瀏覽器被緩衝的內容（以及不緩衝的內容）。
manifest 檔案可分為三個部分：
CACHE MANIFEST
第一行，CACHE MANIFEST，是必需的，以下是我做測試用的manifest檔案內容：
CACHE MANIFEST
CACHE:
# VERSION
/IMG/03.jpg
/JS/jquery-1.8.0.min.js
/cacheTest.html
/cache.html
/CSS/mycss.css
# 需要在時間線上的檔案
NETWORK
/home.html
# 替代方案
FALLBACK:
/ERR/ 404.html
上面的 manifest 檔案列出了三個資源：一個 CSS 檔案，一個 JPG 映像，以及一個 JavaScript 檔案，兩個HTML檔案。當 manifest 檔案載入後，瀏覽器會從網站的根目錄下載這三個檔案。然後，無論使用者何時與網際網路中斷連線，這些資源依然是可用的。
NETWORK
下面的 NETWORK 小節規定檔案 "/home.html" 永遠不會被緩衝，且離線時是停用：
NETWORK:
/home.html
可以使用星號來指示所有其他資源/檔案都需要網際網路串連：
NETWORK:
*
FALLBACK
下面的 FALLBACK 小節規定如果無法建立網際網路串連，則用 "offline.html" 替代 /html5/ 目錄中的所有檔案：
FALLBACK:
/ERR/ /404.html
注釋：第一個 URI 是資源，第二個是替補。
以 "#" 開頭的是注釋行，但也可滿足其他用途。應用的緩衝會在其 manifest 檔案更改時被更新。如果您編輯了一幅圖片，或者修改了一個 JavaScript 函數，這些改變都不會被重新緩衝。更新注釋行中的日期和版本號碼是一種使瀏覽器重新快取檔案的辦法。換句話說就是修改manifest檔案的注釋部分就能更新緩衝。
2、將manifest的檔案發送到用戶端
如需啟用應用程式緩衝，請在文檔的 <html> 標籤中包含 manifest 屬性：
<!DOCTYPE HTML>
<html manifest="demo.appcache">
...
</html>
每個指定了 manifest 的頁面在使用者對其訪問時都會被緩衝。如果未指定 manifest 屬性，則頁面不會被緩衝（除非在 manifest 檔案中直接指定了該頁面）。
也就是說我們的測試例子中的cache.html和cacheTest.html都會被緩衝，而home.html不會。
tips:預設情況下html標籤的值是：<html xmlns="http://www.w3.org/1999/xhtml">，實際上這裡的manifest屬性就是告訴瀏覽器需要mainfest檔案，也就是一個檔案路徑（URL）
請注意，manifest 檔案需要配置正確的 MIME-type，即 "text/cache-manifest"。必須在 web 伺服器上進行配置。
所以這裡要做特殊處理，即我們需要以text/cache-manifest的MIME類型返回給用戶端。
ASP.NET的處理方式是：
建立一個handler ，例如：ManiFest.ashx 代碼如下：
public class MainFest : IHttpHandler
{ public void ProcessRequest(HttpContext context)
{ context.Response.ContentType = "text/cache-manifest"; //申明返迴文件的MIME類型為text/cache-manifest
context.Response.WriteFile(context.Server.MapPath("damo.appcache")); //以檔案的形式返回給用戶端 }
public bool IsReusable
{ get { return false; } } }
既然能得到檔案了，當然就將html標籤的maifest屬性改為我們的一般處理常式的檔案路徑就好了，像這樣：<html manifest="ManiFest.ashx">
補充：cache.html頁面的作用是協助其他頁面快取檔案。作用：
不用在每個頁面都添加<html manifest=”xxx”>來快取檔案，只需要將cache.html頁面用iframe標籤嵌入到動態網頁面，這樣動態網頁面也就能保持其動態顯示效果，例如我們這裡的home.html要求為動態網頁面，但是cacheTest.html為靜態頁面。將cache.html嵌入到home.html中後，所以每次重新整理home.html頁面都會向服務端發送請求每個檔案，但是cacheTest.html就不會，因為cache.html已經幫他儲存好了需要緩衝的檔案。更好的解釋請參考：http://www.cnblogs.com/brainmao/archive/2011/09/27/2193495.html
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
