缓存清单中的资源管理答案

【问题标题】：Resource management in cache manifest缓存清单中的资源管理
【发布时间】：2012-02-13 16:14:34
【问题描述】：

我正在开发离线 html5 音频播放器。显然，我必须根据 HTML5 规范指定文件类型，例如用于 webkit 的 Mp3 和用于 firefox 的 Vorbis 等。但是，例如在 iPhone 等移动设备上使用时，我只想获取在这种情况下播放 mp3 所需的文件。我有没有办法告诉浏览器缓存特定文件，或者无论如何他们都必须添加所有资源。从而消除了用户必须缓存更多所需文件和超出限制的负担（我知道在移动 safari 中只能缓存 10MB。）

有没有办法针对每个设备缓存中的某些资源。

这是我的清单。

CACHE MANIFEST

CACHE:

index.html
master.js
http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
style.css
buttons.png
image.jpg
/player/tunes/waterfall-audio.m4a
/player/tunes/waterfall-audio.oga

所以很明显在 Firefox 中我只需要缓存 oga 和 webkit 的 mp3。任何见解都会很棒！

【问题讨论】：

标签： html audio offline-mode cache-manifest

【解决方案1】：

我不知道您可以通过何种方式在缓存清单文件中定位特定设备或平台。

但是您可以根据发送请求的客户端在服务器端生成清单文件。这样您就可以为不同的浏览器和平台发送不同的清单文件。

只需确保将 MIME 类型设置为“text/cache-manifest”即可。

【讨论】：

好的，听起来不错，如何在服务器端实现？
我对服务器端编码不太熟悉，但是你可以让清单文件动态化，就像动态网页一样。您可以让服务器处理清单文件中的脚本代码，然后使用请求头来确定浏览器。