针对不同设备的可变HTML5离线应用程序



我正在制作一款HTML5游戏。这款游戏是跨平台的,针对不同屏幕分辨率的设备拥有不同的图像集。低画质组用于手机,另一组用于平板电脑和pc。

现在我想让我的应用程序工作与appcache清单离线。当然,我想缓存只需要的图形集,因此我需要选择什么manifest文件应该使用取决于User-Agent字符串。

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

有没有人有任何想法如何选择不同的清单文件取决于设备?

乌利希期刊指南在[div intohtml5 Offline]部分有一个manifest:

的例子
CACHE MANIFEST
FALLBACK:
/ /offline.html
NETWORK:
*

据我所知,它应该做延迟加载,并添加到缓存只有项目,从应用程序请求加载,而它的在线。这个解决方案似乎解决了我的问题,因为我只能加载所需的图形集。然而,在chrome和iOS Safari的实践中,离线缓存没有任何资源,除了offline.html.

如果您的应用程序有服务端部分,只需为不同的代理发送不同的清单。如果它没有服务器,只需为每个代理制作不同的应用程序包。无论如何,没有办法检查代理和提供不同的资源,只使用缓存清单文件。

相关内容

  • 没有找到相关文章

最新更新