CSS 浏览器缓存答案

【问题标题】：CSS browser cachingCSS 浏览器缓存
【发布时间】：2011-08-09 11:44:08
【问题描述】：

这样添加css文件时是否有缓存的可能性：-

<link rel='stylesheet' type='text/css' href='rstyle_sheet.css'>

因为在该文件中所做的更改不会立即得到反映。

如果是，有什么办法可以反击..？

【问题讨论】：

【解决方案1】：

大多数浏览器缓存 CSS
您可以添加一个版本号来防止它：

<link rel='stylesheet' type='text/css' href='rstyle_sheet.css?v=2'>

【讨论】：

【解决方案2】：

是的，在css文件名后面加个时间戳，像这样：

<link rel='stylesheet' type='text/css' href='rstyle_sheet.css?1312843018'>

并在每次更改文件时更新时间戳。许多框架（如 ruby on rails 等）都可以为您做到这一点

【讨论】：

【解决方案3】：

如果您正在开发并且不希望缓存版本在浏览器中关闭缓存。

我使用以下工具组合： Firefox + Web 开发者工具栏然后禁用 > 禁用缓存

【讨论】：

【解决方案4】：

以这种方式引用的 CSS 样式表像所有其他资源一样被缓存，无论是 HTML 页面、Javascript 文件还是图像。

和其他所有资源一样，您可以通过 HTTP 标头 Expires: 和 Cache-Control: 影响缓存行为。这意味着您要么必须更改网络服务器配置，要么让 CSS 文件由 PHP 脚本而不是纯文本提供。

【讨论】：

【解决方案5】：

在 Mac 中，使用 command+shift+r 强制刷新页面。

【讨论】：