HTML5ゲームを作成しています。ゲームはクロスプラットフォームであり、画面解像度が異なるデバイス用に異なるグラフィックセットがあります。低品質のセットはモバイル用で、もう1つはタブレットとPC用です。
次に、appcacheマニフェストを使用してアプリケーションをオフラインで動作させたいと思います。当然、必要なグラフィックセットのみをキャッシュしたいので、User-Agent文字列に応じて使用するマニフェストファイルを選択する必要があります。
私は運がなくてもiframeを介してhtmlファイルの条件付きロードでそれをだまそうとしていました-キャッシュはメインマニフェストのためにのみ保存されます。
デバイスに応じて異なるマニフェストファイルを選択する方法を誰かが知っていますか?
UPD [Diveintohtml5オフラインセクション1には、マニフェストの例があります。
CACHE MANIFEST
FALLBACK:
/ /offline.html
NETWORK:
*
私が理解しているように、遅延読み込みを実行し、オンライン中にアプリケーションからの読み込みを要求されたアイテムのみをキャッシュに追加することを想定しています。必要なグラフィックセットしかロードできないため、このソリューションは私の問題を解決しているようです。ただし、実際にはChormeとiOS Safariで、オフラインキャッシュにはoffline.html以外のリソースがまったくありません。