我正在离线HTML5音频播放器上工作。显然,我必须按照HTML5规范指定文件类型,例如用于Webkit的Mp3和用于firefox的Vorbis等。但是,例如在iPhone等移动设备上使用时,我只想获取在这种情况下mp3播放所需的文件。有什么办法让我告诉浏览器缓存特定文件,还是无论如何它们都必须添加所有资源。这样就消除了用户必须缓存更多所需文件且超出限制的负担(我知道在移动浏览器中只能缓存10MB。)
有没有一种方法可以针对每个设备的缓存中的某些资源。
这是我的 list 。
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。任何见解都会很棒!
最佳答案
我不知道以什么方式可以定位缓存 list 文件中的特定设备或平台。
但是您可以根据发送请求的客户端在服务器端生成 list 文件。这样,您可以为不同的浏览器和平台发送不同的 list 文件。
只要确保将MIME类型设置为“text / cache-manifest”即可。
关于html - 缓存 list 中的资源管理,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9263877/