停止Chrome缓存我的JS文件

Question

我将对我的JS文件进行更改,但它不会在浏览器中真正更改,我必须每次重命名文件以便重新加载它.是否有某种.htaccess命令我可以添加或者某些东西让它停止缓存？

它甚至缓存我的html页面硬核.我需要重新打开我的整个浏览器才能看到更改.它可能是服务器问题吗？

Answer 1

您可以点击右上角的设置图标...| 更多工具| 开发人员工具 | 网络 | 禁用缓存(当DevTools打开时)

对于Windows,这是F12或者CTRL + SHIFT + I在Mac上CMD + SHIFT + I打开DevTools.

Chrome Update于2018年9月推出的新途径:

点击右上角的设置图标...| 设置 | 偏好 | 开发人员工具 | 网络 | 禁用缓存(当DevTools打开时)

Answer 2

更快的方法是右键单击地址栏旁边的刷新图标,然后选择Empty Cache and Hard reload

只需确保Chrome的开发工具已打开.(按F12)顺便说一句......这个技巧仅适用于Chrome for Windows,Ubuntu和Mac OS

Answer 3

单击重新加载按钮时按住shift键.

Answer 4

添加script.js?a=[random Number]与PHP生成的随机数一样的东西.

你试过expire = 0,pragma"no-cache"和"cache-control = NO-CACHE"？(我不知道他们对Scripts的看法).

Answer 5

一些想法:

1. 在Chrome中刷新页面时,请执行CTRL + F5进行完全刷新.
2. 即使您将expires设置为0,它仍将在会话期间缓存.您必须再次关闭并重新打开浏览器.
3. 确保在服务器上保存文件时,时间戳会更新.Chrome将首先发出HEAD命令而不是完整的GET,以查看是否需要再次下载完整文件,并且服务器使用时间戳来查看.

如果要在服务器上禁用缓存,可以执行以下操作:

Header set Expires "Thu, 19 Nov 1981 08:52:00 GM"
Header set Cache-Control "no-store, no-cache, must-revalidate, post-check=0, pre-check=0"
Header set Pragma "no-cache"

在.htaccess

Answer 6

快速步骤:

1)转到Chrome菜单 - >工具 - >开发人员工具,打开开发人员工具信息中心

2)点击右侧的设置图标(这是一个齿轮!)

3)选中"禁用缓存(当DevTools打开时)"框

4)现在,当仪表板启动时,只需点击刷新,JS就不会被缓存!

Answer 7

问题是 Chrome 需要must-revalidate在 Cache-Control` 标头中重新检查文件以查看它们是否需要重新获取。

您始终可以 SHIFT-F5 并强制 Chrome 刷新，但如果您想在服务器上解决此问题，请包含以下响应标头：

Cache-Control: must-revalidate

这会告诉 Chrome 检查服务器，看看是否有更新的文件。如果有更新的文件，它将在响应中收到它。如果不是，它将收到 304 响应，并保证缓存中的响应是最新的。

如果您不设置此标头，则在没有任何其他使文件无效的设置的情况下，Chrome 将永远不会检查服务器以查看是否有更新的版本。

这是一篇博客文章，进一步讨论了这个问题。