Question

我正在创建一个HTML5游戏。该游戏是跨平台的，具有不同的图形集，适用于具有不同屏幕分辨率的设备。较低的质量设置适用于手机，另一种适用于平板电脑和PC。

现在我想使用appcache清单使我的应用程序脱机工作。当然我想只缓存所需的图形集，因此我需要根据User-Agent字符串选择应该使用哪个清单文件。

我试图通过 iframe 通过条件加载html文件来欺骗它而没有运气 - 只为主清单保存缓存。

有没有人有任何想法如何根据设备选择不同的清单文件？

UPD 在[Diveintohtml5离线部分1中有一个清单示例：

CACHE MANIFEST
FALLBACK:
/ /offline.html
NETWORK:
*

据我所知，它假设进行延迟加载并仅添加缓存仅在应用程序在线时从应用程序加载请求的项目。这个解决方案似乎解决了我的问题，因为我只能加载所需的图形集。但是在Chorme和iOS Safari的实践中，离线缓存根本没有资源，除了offline.html。

Answer 1

如果您的应用具有服务端部件，只需为不同的代理发送不同的清单即可。如果它没有服务器，只需为每个代理程序生成不同的应用程序包。无论如何，只有使用缓存清单文件才能检查代理并提供不同的资源。