使用 HTML5 应用程序缓存为 Firefox 缓存 OGG 文件但为 IE 缓存 MP3 的最佳方式？

Question

当您在一个浏览器中使用了一组资源但在另一个浏览器中没有使用时，有人对如何最好地处理使用应用程序缓存有建议吗？

示例：Firefox 的 OGG 音频和 IE 的 MP3。我可以缓存这两种类型的文件，但音频很大，并且存储的文件数量是浏览器可以使用的文件数量的两倍。

我最好的想法是创建几个不同的清单。例如，加载所有浏览器通用的资源，然后加载 MP3 等的单独清单，并在 iframe 中加载一个页面，一旦我可以在客户端确定他们正在使用 IE，该页面就会调用此清单。但是，如果我发现他们使用的是 Firefox，我可以在 iframe 中加载另一个页面（带有附加的 OGG 清单）。

这可行还是有更优雅的解决方案？

Answer 1

现在我只是使用像这样的 nginx 重写规则

location / {
    if ($http_user_agent ~ Firefox) {
        rewrite ^.*\/(app.manifest)$ $scheme://$http_host/moz.manifest redirect;
    }
}

大多数 Web 服务器都会让您定义类似的重写规则。这是一个不错的选择，因为它速度快并且不需要进一步安装任何软件。

这个人正在使用 PHP 检查哪个浏览器，但你可以使用任何框架来做到这一点，最好是某种框架像 Node 或普通 ruby​​ Rack 一样快。