如何在html5中緩存圖片AppCache

Question

我正在建立一個攝影網站，理想情況下應該離線工作。緩存所需的css/js文件非常簡單。問題是，如何處理實際照片。

我目前正在從Flickr加載它們，無論縮略圖版本和一個完整的水庫之一。這使我想到了兩個問題：

是否有可能來緩存從外部來源提供，還是全部都必須來自同一個域中的文件？

這可能是太多緩存的所有照片應用程序緩存，因爲它會產生很大的下載第一次用戶點擊該網站。這裏有什麼建議？是否有可能讓用戶明確地打開應用程序緩存的完整版本？

Answer 1

如果你不通過HTTPS提供什麼，你可以爲你的CACHE部分要包括儘可能多的起源資源。但是使用https的跨源appCaching僅適用於Chrome。我懷疑Flickr通過https提供圖片，所以你應該沒問題。

一些瀏覽器會提示用戶在第一時間的應用程序緩存會被下載，但並不是所有的（我知道Firefox沒有，但Chrome不）。對於更多的控制，你將不得不在你的應用程序中實現一些邏輯。也許讓用戶讓你的應用程序中的選擇，它存儲爲每個用戶設置，然後只用一個清單，以誰在選擇用戶服務頁面。