是@import缓存在Firefox中？

Question

我在我正在处理的css文件中找到了这个import指令：

@import url("adverts.css");

当我查看Chrome中的网站时，adverts.css导入正常，此文件中的所有样式都会按预期使用。但是，如果我查看FireFox中的网站，他们就不会！

更奇怪的是，当我将adverts.css重命名为adverts1.css并将导入更改为：

@import url("adverts1.css");

该文件突然在FireFox中起作用：D

所以我想知道FireFox是否对css @import有一些奇怪的缓存？

fyi：我使用的是FireFox 22.0

Answer 1

这取决于服务器配置。您的浏览器确实请求了该文件，但它可能会收到304 Not Modified，因此不会再次请求该文件。您可以使用Firebug扩展名在Firefox中看到此内容。

my_layout.css

@import "test.css";

第一次请求：

GET my_layout.css  200 Ok
GET test.css       200 Ok

第二次请求：

GET my_layout.css  304 Not Modified 
GET test.css       304 Not Modified

Answer 2

在评论之外，问题是已安装的AdBlocker。

从adverts.css到adverts1.css的更改导致该文件不再符合广告检测规则，因此已加载。

为了避免此类问题（也使用其他插件），我使用常见的插件测试我的网站，没有任何插件。在Chrome中，大多数有问题的插件在隐私浏览中被停用。或者你可以使用不同的Profiles来测试没有插件，一个有问题，一个用于正常浏览。