如何防止浏览器缓存CSS文件？

Question

当我创建一个页面,将其链接到一个CSS文件,并在浏览器中打开它,它工作正常.但是,如果在非常短的时间段内进行更改并再次刷新页面,则不会反映更改.但过了一段时间,当我再次刷新页面时,会出现更改.

所以,不知何故,浏览器会将CSS文件缓存并在一段时间后将其过期.如何使浏览器缓存没有CSS或HTML文件.如果我可以在特定域上阻止它会更好.

我在Ubuntu上,使用Chrome和Firefox,试图阻止浏览器在'localhost'上缓存CSS文件...怎么做...

谢谢...

Answer 1

像这样简单的事情应该起作用：

<link rel="stylesheet" src="/css/screen.css?v={CURRENT_TIMESTAMP}">

只需用{CURRENT_TIMESTAMP}服务器端代码中的实际时间戳替换即可。由于查询字符串，这使浏览器认为它是一个新文件，并且它将再次下载。您还可以使用文件的实际修改时间（filemtime('/path/to/css/screen.css')如果使用的是PHP），这样可以避免不必要的下载。

Answer 2

您可以通过按 打开开发人员工具Ctrl+Shift+J，然后您会在右下角找到一个齿轮图标。当您单击它时，您应该会看到一个禁用缓存的选项。