首次刷新后CSS更改后,Web浏览器未加载完整样式表?缓存?

时间:2012-02-27 22:37:44

标签: css firefox caching google-chrome

在chrome和Firefox中,浏览器在更改后不会加载完整的样式表。我必须刷新浏览器两次。这些样式都在一个样式表中,所以这对我来说毫无意义。

主要罪魁祸首是ul元素设置为display:none被ul,菜单显示块的用户代理样式覆盖。但是,如果我再次刷新,那么我的整个样式表都会加载。我的所有文件和文件夹都存储在工作服务器上。这是一个缓存问题吗?

2 个答案:

答案 0 :(得分:1)

为防止缓存css文件,您可以附加查询字符串。我在更新主网站时这样做。

<link rel="stylesheet" type="text/css" href="http://mysite.com/all.css?v=1.3">

每当我们发布时,我都会增加它。如果您只是测试Web服务器,则可以输入一些生成当前时间的动态代码。

答案 1 :(得分:1)

在Chrome中,您可以在开发时禁用缓存。打开开发人员工具( F12 ,或 Ctrl - Shift - J ),点击齿轮即可右下角,选中“禁用缓存”。