appcache的一個特殊用法

Application Cache是HTML5裏出現的用來實現離線應用的技術方案。在使用了appcache的頁面會被緩存，同時瀏覽器檢查manifest文件有沒有變化，若是有變化，只有當用戶下次進行訪問的時候纔會更新，不少狀況下這是咱們不但願出現的。

這裏提出一個解決方案能夠利用appcache保存那些不常常變更的靜態資源，同時保證引用的頁面不被緩存，若是靜態資源發生更新，也能夠實現馬上更新。

方案可經過下圖來描述：

 

 

說明：

1. 主頁面index.html使用一個iframe引用offline.html。
2. offline.html使用manifest進行緩存。
3. offline.html中將資源以文本形式進行保存，例如做爲html元素的內容。
4. index.html經過js能夠獲取offline.html中保存的資源。

以上方案能夠作到offline頁面中的資源被緩存，經過index頁面不受影響。當資源發生變化時，可直接修改iframe的src屬性指向一個新的url。對於老的數據，能夠繼續保持引用並經過修改manifest文件方式使offline.html再也不進行緩存。

建議用此方案來緩存那些不易變化的資源。