移動web app開發-----application cache 離線緩存（進階）

     通過上面的兩篇文章，application cache的應用和原理，我們應該能夠全面了解application cache了。同時我們

也能夠清楚application cache在設計上有哪些不盡仁義的地方。這篇文章我們主要來了解下application cache在各個浏覽器的

支援情況和存儲大小，以及有哪些坑爹的地方，以及如何解決這些坑爹的地方。

app cache在存儲大小的限制

safari桌面版沒有限制【包括mac和windows】

safari移動版有10m的限制

chrome桌面版有5m的限制

android浏覽器沒有限制

firefox桌面版沒有限制

opera可以手動管理，預設限制大小為50m

浏覽器支援情況

safari從版本4開始支援

chrome從版本5開始

safari移動版從ios2.1開始支援

firefox從版本3.5開始支援

opera從版本11開始支援

android從版本2.1開始支援

ie目前全面不支援，包括ie10

我們知道application cache會把浏覽器第一次輸出的動态資源也進行緩存起來，那麼我們如何解決這個問題呢

首次請求頁面時，我們隻加載靜态資源，和外圍的模版，然後通過一個ajax請求拿到我們的動态資料，參考代碼

通過在頁面中放一個隐藏的iframe,然後在iframe所引用的頁面中使用app cache緩存，參考代碼

使用localstroage進行存儲，然後利用cookie進行更新，具體參考google和bing的做法