Html 缓存清单中的资源管理

我正在开发一个离线的html5音频播放器。显然，根据HTML5规范，我必须指定文件类型，如用于webkit的Mp3和用于firefox的Vorbis等。但是，对于在移动设备（例如iPhone）上使用，我只想获得在这种情况下播放Mp3所需的文件。有没有一种方法可以让浏览器缓存特定的文件，或者不管发生什么，他们都必须添加所有的资源。这样就消除了用户必须缓存更多需要的文件和超出限制的负担（我知道在mobile 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。任何见解都将是伟大的

我不知道如何在缓存清单文件中定位特定的设备或平台

但您可以根据发送请求的客户机在服务器端生成清单文件。通过这种方式，您可以为不同的浏览器和平台发送不同的清单文件

---

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

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