强制浏览器刷新CSS,JavaScript等

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (16)

我正在通过XAMPP开发基于Wordpress源代码的网站。有时我会更改CSS代码,脚本或其他东西,我发现我的浏览器需要时间才能应用这些修改。这导致我使用多个浏览器刷新一个,如果不适用新的样式,我尝试第二个,它总是这样。

有一些方法可以避免这个问题?有时我会更改代码,恕不另行通知以前的修改。

提问于
用户回答回答于

一般解决方案

按Ctrl+ F5(或Ctrl+ Shift+ R)强制缓存重新加载。我相信Mac上使用Cmd+ Shift+ R。

PHP

在PHP中,您可以通过使用标题将过期日期设置为过去的时间来禁用高速缓存:

header("Expires: Tue, 01 Jan 2000 00:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");

Chrome

Chrome的缓存可以通过打开开发者工具来禁用F12,点击右下角的齿轮图标并在设置对话框中选择禁用缓存,如下所示:

火狐

输入about:config到地址栏,然后找到名为项network.http.use-cache。设置为false

用户回答回答于

如果你想避免在客户端,你可以添加类似于?v=1.xCSS文件链接,当文件内容改变。例如,如果有,<link rel="stylesheet" type="text/css" href="css-file-name.css">你可以改变它,<link rel="stylesheet" type="text/css" href="css-file-name.css?v=1.1">这将绕过缓存。

扫码关注云+社区