javascript - FireFox没有缓存Css背景图像

Question

我正在<link>使用 YUI3 向页面动态添加标签，这可以正常工作。

出于测试目的，我有两个几乎相同的 css 文件，其中包含完全相同的背景图像，但是当我加载第二个 css 文件时，Firebug 显示正在为第一个 css 文件中的相同图像发出更多 http 请求。

JS

Y.one('head').appendChild(Y.Node.create('<link rel="stylesheet" id="' + cObject[target] + 'css' + '" type="text/css" href="css/' + c[target] + '.css" />'));

一个 css bg 示例

background-image: url(../../img/layout/apic.png);

我显然不希望这种情况发生，但不知道从哪里开始寻找。这在其他浏览器中可能会做同样的事情，但我不知道其他浏览器有哪些插件可用（如果有的话）。

编辑：标头似乎很好，但该错误可能是罪魁祸首......我可以在 IE/Chrome/Safari 中使用什么来测试 http 请求以查看它是否只有 FF？

Answer 1

检查图像响应中发送的 HTTP 标头。

特别寻找影响客户端缓存的标头，例如 Expires、Etag、Last-modified 等...

检查它们是否被正确设置/发送，并且您知道如何使用它们。

Answer 2

可能与此处描述的问题相同：firefox 中绕过浏览器缓存？