html - 所有浏览器(包括Chrome)编辑后不会刷新页面的.css文件!解决办法是什么？

Question

如果我编辑 .css 文件并通过 ftp 将其上传到 apache 网络服务器，我需要清除浏览器中的缓存才能看到正确的页面。

1. 为什么会这样？我认为浏览器应该检查 .css 文件的日期来决定是从网络还是从缓存加载它。

2. Web 开发人员问题的正确解决方案是什么？

Answer 1

I think browsers should check .css file's date to decide to load it from the net or from the cache.

取决于 header 。浏览器甚至不需要检查文件是否已被修改，例如，如果 Expires header 有一个 future 的日期。这是一件好事，因为它节省了对服务器的请求。

Web 开发人员的解决方案 - 在浏览器的 Web 工具中禁用缓存和/或如果该选项在给定浏览器中不可用，则不断清除缓存。

当您希望更改生效时，您可以更改 CSS 文件名。向 CSS url 添加一个带有修改日期的参数通常就足够了，比如 <link rel=stylesheet" href="style.css?20130917" /> , 但如果你使用附加层(如 CDN)，你可能需要使用 <link rel=stylesheet" href="style.20130917.css" />以及将 filename.[numbers].css 映射到 filename.css 的一些服务器端魔法。