1

我在我目前正在处理的一个 css 文件中找到了这个导入指令：

@import url("adverts.css");

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

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

@import url("adverts1.css");

该文件突然在 FireFox 中工作：D

所以我想知道 FireFox 是否为 css 设置了一些奇怪的缓存@import？

仅供参考：我使用 FireFox 22.0

4

2 回答 2

1

这取决于服务器配置。您的浏览器确实请求了该文件，但它可能会收到 a 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
于 2013-07-19T10:10:46.247 回答
1

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

从 更改adverts.css为adverts1.css的结果是，该文件不再匹配广告检测规则，因此随后被加载。

为避免此类问题（也适用于其他插件），我使用常用​​插件和不使用任何插件来测试我的网站。在 Chrome 中，大多数有问题的插件在隐私浏览中都被停用。或者您可以使用不同的配置文件，一种用于不带插件的测试，一种用于有问题的配置，另一种用于正常浏览。

于 2013-07-19T10:24:32.107 回答