Google chrome devtools 删除单个文件的chrome缓存

最近，我不得不删除我的整个缓存，以便能够查看我正在处理的网页。我想这很好，但可以通过从缓存中删除特定页面来改进。 chrome.browsingData.remove似乎没有用于指示要删除的单个页面的选项。我想知道这是否可以在外部完成，但我不熟悉chromium代码。我还想知道chrome.browsingData.remove实现是否有任何计划的更改。

---

非常感谢

如果您正在处理一个网页，并且希望避免缓存（顺便说一句，建议如此！）。 转到设置（右下角的图标）并单击它。 然后，您将有一个选项“禁用缓存”-标记它并完成

---

当您完成工作时，不要忘记返回此状态，因为chrome的缓存模式会更快。

在chrome开发工具中，您应该单击开发工具设置，然后选择 “禁用缓存（在DevTools打开时）”。这是页面上的第一个选项

请注意，这些设置不是主要设置，而是特定于开发工具的

---

在要调试的网页上，您可以通过按F12键访问DevTools，或者在一些挖掘之后按Ctrl-Shift-I键访问DevTools，似乎这个问题有几个答案，因为还不完全清楚我们正在清除什么缓存。出于应用程序缓存的目的，可以使用开发人员控制台的应用程序选项卡来监视和清除应用程序缓存的存储

要删除缓存中存储的单个文件，我们首先通过chrome://cache/. 在任何给定的页面上，您都可以在开发人员控制台的Sources选项卡上看到它使用的所有资源（包括文件）。要实际删除单个文件，必须使用google开发者代码作为指导：

---

有一些应用程序可以帮助您破译哪些文件包含文件系统中的哪些单独缓存内容，但是我发现使用匿名窗口（例如不存储我正在处理的页面的缓存）更为实用。

要删除单个文件缓存，请将其URL输入浏览器并进行硬刷新

如果您是动态构建页面，那么在开发过程中，您可以在用于加载脚本的URL末尾放置一个随机字符串

<script src="path/to/script.js?_=<%=Math.random()%>"></script>

这将导致该文件的缓存未命中，但会将缓存用于其他所有内容（取决于缓存控制头等）。只需记住在按下prod之前删除参数

更新：

2019年4月20日

最近，我正在使用Chrome浏览器的内置功能&Overrides。有了这个特性，我们可以直接在控制台中为

HTML、CSS、JS等编写代码，并在网页上看到它



先前的答复：
我和你一起工作。
安装此扩展后，我将覆盖希望从
服务器
而不是
缓存
获取的资源：

步骤#2：覆盖要从服务器刷新的资源：

⭐<代码>重要注意事项

-从

开发者控制台

而不是

浏览器

⭐⭐ 我开始采用这种方法，但后来采用了卢卡斯·格雷布利卡斯（Lukas Greblikas）在《经济学人》中提出的方法。

---

祝你好运……

这不是我想要的。虽然我不熟悉chrome开发工具使用的缓存方案。也许这是一个令人困惑的标签，但它是我能找到的一个。我指的是chrome.browsingData.remove过程，它可以在扩展中用于删除整个chrome缓存，或者不删除其中任何一个。这种行为似乎已经改变。请看下面我的答案。我将检查最近的答案。当然，单文件缓存问题仍然没有解决…新功能不断出现：D。在chrome中，当devtools打开时，您可以右键单击刷新按钮以获得额外的缓存选项。谢谢谷歌，但这无法从缓存中移动特定页面？不，我不相信这是可能的。要么全有，要么什么都没有。我也想知道这件事。我正在使用一个沉重的UI框架，每次我刷新我的js，这个UI框架都需要重新加载…这并不能回答问题，但这可能是OP想要的。为了进一步加快速度，您很可能希望

？\u=

缓存文件，直到文件被更改，然后更新并重新缓存。使用上述技术，使用扩展名，我无法在一个文件上使缓存中断。@jktravis，您能在

开发者控制台

中检查

网络选项卡

吗？理想情况下，对于您已覆盖的文件，它应该具有

？v=1

的文件。似乎您也可以通过右键单击“开发工具网络”选项卡中的行，然后选择“清除浏览器缓存”来完成此操作。我在2018年找不到这样的选项，但现在它已经存在，这很好@JohanBergens@JohanBergens不幸的是，这会清除缓存中的所有文件，而不仅仅是选定的文件