理想的にはオフラインで動作する写真サイトを構築しています。必要な css/js ファイルのキャッシュは非常に簡単です。問題は、実際の写真をどうするかです。
現在、サムネイル版とフル解像度版の両方を flickr から読み込んでいます。これは私に2つの質問をもたらします:
外部ソースから配信されたファイルをキャッシュすることは可能ですか、それともすべて同じドメインから取得する必要がありますか?
ユーザーが最初にサイトにアクセスしたときに大量のダウンロードが発生するため、すべての画像をアプリ キャッシュにキャッシュするのはおそらく多すぎます。ここでの推奨事項は何ですか? ユーザーがアプリ キャッシュのフル バージョンを明示的に有効にすることは可能ですか?
https 経由で何も提供していない場合は、セクションに必要な数のオリジンからのリソースを含めることができますCACHE。しかし、https を使用したクロスオリジン アプリキャッシュは、現在 Chrome でのみ機能します。Flickr が https 経由で画像を提供しているとは思えないので、問題ないはずです。
一部のブラウザーは、最初に appcache がダウンロードされるときにユーザーにプロンプトを表示しますが、すべてではありません (Firefox はそうですが、Chrome はそうではありません)。さらに制御するには、アプリケーションにいくつかのロジックを実装する必要があります。ユーザーがアプリケーション内で選択できるようにし、それをユーザーごとの設定として保存してから、オプトインしたユーザーにのみマニフェストを含むページを提供します。