如何防止 Chrome 缓存我正在尝试调试的 js 文件？答案

【问题标题】：How do I keep Chrome from caching my js file that I'm trying to debug?如何防止 Chrome 缓存我正在尝试调试的 js 文件？
【发布时间】：2012-02-01 13:26:16
【问题描述】：

我正面临一个让我发疯的问题。我的 js 文件夹中只有一个名为 template2.js 的 js 文件。当我修改我的脚本时，我一直在覆盖这个文件。我正在正确保存文件，但是当我在浏览器中测试我的“页面”时，我在 Chrome 调试器中看到该 js 文件的旧版本被考虑在内。而且那个旧版本不再存在，因为我已经覆盖了它。希望有人可以帮助我了解发生了什么。

【问题讨论】：

您是否尝试过清除浏览器缓存？如果你每次都用相同的名字覆盖，你怎么知道它是旧版本？
这听起来很疯狂，但它确实有效——我一直都这样做。 Ctrl F5 旨在进行完全刷新，而不使用缓存，但它不会刷新某些包含的文件（主要是脚本文件）。按住 Ctrl 并按 F5 3 或 4 次。它迫使它正确地做到这一点。疯狂，但真实。
转到chrome://settings/clearBrowserData 并手动清除缓存将保证它已被清除。
发送标头告诉 chrome 不要缓存任何内容。
header("Cache-Control: no-cache, must-revalidate");

标签： jquery google-chrome caching

【解决方案1】：

当您打开 chrome 开发人员工具栏时，右下角有一个齿轮图标。单击该按钮应打开一个黑色面板。该面板在网络选项卡下有一个“禁用缓存”复选框。

其他选项是从首选项手动清除缓存 -> 后台 -> 清除浏览数据。

如果您使用 chrome 进行更多开发，我会禁用缓存。节省了很多时间，因为他们想知道为什么事情不工作，并意识到缓存没有正确刷新。

【讨论】：

现在您可以在“网络条件”选项卡下找到它 - 也在开发人员面板的底部，靠近“控制台”选项卡。如果它不存在，请单击“...”图标以显示该选项卡。

【解决方案2】：

根据您使用的浏览器，您可以通过按住某些键来加载没有缓存的页面。有关正确组合，请参阅 SuperUser 上的此答案：https://superuser.com/questions/278553/does-holding-down-ctrl-shift-while-clicking-refresh-actually-have-an-effect-in-m

【讨论】：