我将对我的 JS 文件进行更改，但它不会在浏览器中真正更改，我必须每次重命名文件以便重新加载它。我可以添加某种 .htaccess 命令或使其停止缓存吗？
它甚至缓存了我的 html 页面。我需要重新打开整个浏览器才能查看更改。会不会是服务器问题？
【问题讨论】：
标签： javascript caching google-chrome
您可以点击右上角的设置图标... |更多工具 | 开发者工具 | 网络 | 禁用缓存（在 DevTools 打开时）
对于 windows，这是 F12 或 CTRL + SHIFT + I 而在 mac CMD + SHIFT + I 打开 DevTools。 p>
2018 年 9 月 Chrome 更新的新路径：
点击右上角的设置图标... | 设置 | 偏好 | 开发者工具 | 网络 | 禁用缓存（在 DevTools 打开时）
【讨论】：
执行此操作的更快方法是右键单击地址栏旁边的刷新图标并选择清空缓存和硬重新加载
只需确保 Chrome 的开发工具处于打开状态即可。 （按 F12） 顺便说一句……这个技巧只适用于 Windows、Ubuntu 和 Mac OS 的 Chrome
【讨论】：
按住 Shift 的同时单击重新加载按钮 (F5)。
这会强制网络浏览器忽略缓存的内容并将网页的新副本拉入浏览器。 Shift + F5 保证将加载最新的网站内容。但是，根据页面大小，它通常比仅 F5慢。
【讨论】：
使用 PHP 生成的随机数添加 script.js?a=[random Number] 之类的内容。
您是否尝试过 expire=0、编译指示“no-cache”和“cache-control=NO-CACHE”？ （我不知道他们怎么说脚本）。
【讨论】：
一些想法：
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 中
【讨论】：
快速步骤：
1) 转到 Chrome 菜单 -> 工具 -> 开发者工具，打开开发者工具仪表板
2) 点击右侧的设置图标（它是一个齿轮！）
3) 勾选“禁用缓存（当 DevTools 打开时）”
4) 现在，当仪表板启动时，只需点击刷新，JS 就不会被缓存！
【讨论】：
问题是 Chrome 需要在 Cache-Control` 标头中包含 must-revalidate 才能重新检查文件以查看是否需要重新获取。
您始终可以按 SHIFT-F5 并强制 Chrome 刷新，但如果您想在服务器上解决此问题，请包含此响应标头：
Cache-Control: must-revalidate
这告诉 Chrome 与服务器检查，看看是否有更新的文件。如果有更新的文件，它将在响应中接收它。如果不是，它将收到 304 响应，并保证缓存中的响应是最新的。
如果您不设置此标头，则在没有任何其他设置使文件无效的情况下，Chrome 将从与服务器检查是否有更新的版本。
这是一个blog post，进一步讨论了这个问题。
【讨论】：
Cache-Control: must-revalidate 而不是Cache-Control: must-validate。我不认为后者是有效的。
在对我的 Web 应用程序进行更新时，我将使用处理程序返回单个 JS 文件以避免对我的服务器造成大量访问，或者向它们添加一个小的查询字符串：
<script type="text/javascript" src="/mine/myscript?20111205"></script>
【讨论】：
<Files *>
Header set Cache-Control: "no-cache, private, pre-check=0, post-check=0, max-age=0"
Header set Expires: 0
Header set Pragma: no-cache
</Files>
【讨论】：
我知道这是一个“老”问题。但是缓存的麻烦从来都不是。经过大量的试验和错误后，我发现我们的一个网络托管服务提供商通过 CPanel 使用了这个名为 Cachewall 的应用程序。我只是点击了启用开发模式，然后......瞧！！！它立即停止了长期遭受的痛苦:) 希望这对其他人有帮助... 回复
【讨论】：
当我浏览网站（在具有真实域的托管公司服务器上）时，我得到了相同的 css 文件，但我无法在 chrome 上获得更新版本。当我在 Firefox 上浏览该文件时，我能够获得该文件的更新版本。这些答案都不适合我。我的机器上也有网站文件，并使用本地 apache 服务器通过 localhost 浏览网站。我关闭了我的 apache 服务器，并且能够获取更新的文件。不知何故，我的本地 apache 服务器弄乱了 chrome 缓存。希望这可以帮助某人，因为我很难解决这个问题。
【讨论】：
打开开发者工具
... -> More Tools -> Developer Tools
点击Empty Cache and Hard Reload
【讨论】：
您可以改为打开隐身窗口。当在普通 chrome 窗口中禁用缓存仍然没有重新加载自上次缓存后我更改的 JavaScript 文件时，切换到隐身窗口对我有用。
https://www.quora.com/Does-incognito-mode-on-Chrome-use-the-cache-that-was-previously-stored
【讨论】：
对我不起作用的事情：
我所说的不工作是指： 在文件系统中， .js 文件已更新，但 Chrome 没有接受更改。这意味着页面脚本执行旧逻辑，Dev tools Scripts / ... / Compiled / ... 显示旧的 .js 内容。
什么对我有用：
Chrome 版本 86.0.4240.193（官方构建）（64 位）
【讨论】：