257

我真的很喜欢在 chrome 调试器中编辑 javascript 的能力,但是,我发现让调试器从服务器重新获取 JavaScript 确实有问题。

有时我必须尽可能地关闭调试器并重新加载框架工作正常 - 但其他时候(我无法确定在什么情况下会发生这种情况)我必须清除我的临时互联网缓存。有时我发誓我必须完全关闭 chrome,然后清除缓存,然后在调试器最终向我显示最新脚本之前加载页面。

(注意。Web 服务器没有缓存脚本)

我想知道是否有人知道一种快速简便的方法来告诉调试器使其所有 javascript 无效并在页面重新加载时重新获取它?

4

14 回答 14

346

在开发脚本时,请尝试禁用 Chrome 缓存。

当您重新加载页面时,JavaScript 现在应该会刷新。


大约 2011 年的铬

打开设置 禁用缓存


大约 2018 年的铬

打开设置 禁用缓存

您也可以在网络选项卡上访问它:

网络选项卡

于 2011-08-17T22:54:11.090 回答
142

在此处输入图像描述

可以通过右键单击/按住“重新加载”按钮访问上面显示的上下文菜单,同时打开 Chrome 开发工具

空缓存和硬重载最适合我。

另一个优点:此选项使所有其他打开的选项卡和网站数据保持不变。它只会重新加载并清除当前页面。

于 2013-05-08T01:34:00.127 回答
36

您始终可以通过执行以下操作来清除特定文件:

  1. 打开开发工具
  2. 单击源选项卡
  3. 找到你的脚本/图像/文件
  4. 检查右侧面板以查看您的文件是否是最新的

如果不:

  1. 右键单击左侧面板中的资源,然后选择“在新选项卡中打开链接”
  2. 使用上述方法强制重新加载资源。(见@Bishoy Hanna 的例子)

如果您有框架中的资源并且CTRL+F5不强制刷新它们,这将非常方便。

于 2012-06-12T20:35:58.793 回答
12

Shift+F5快速清除缓存。

于 2011-08-16T13:33:50.373 回答
11

这是 DevTools 的快捷方式:

  1. F12打开 Chrome DevTools
  2. F1打开 DevTools 设置
  3. 勾选禁用缓存(DevTools 打开时),如下所示:

在此处输入图像描述

注意:根据 Dimi 的评论更新。他们倾向于移动它,因此如果您发现它已更改,请告诉我或更新帖子。

于 2016-03-31T16:43:22.083 回答
9

对于谷歌浏览器,它不是Ctrl+ F5。清除当前缓存是Shift+ !F5这个对我有用 !

于 2013-03-08T16:59:04.757 回答
3

在 Windows 上,Ctrl++会强制重新加载Shiftchromer中的脚本。

于 2016-12-19T06:26:54.783 回答
2

如果您在开发人员工具中对 javascript 进行本地更改,则需要确保在重新加载页面之前关闭这些更改。

在源选项卡中,打开脚本,右键单击脚本,然后从上下文菜单中单击“本地修改”选项。这会显示您已保存修改的脚本列表。如果您在该窗口中看到它,开发者工具将始终保留您的本地副本,而不是从服务器刷新它。单击“还原”按钮,然后再次刷新,您应该会得到新的副本。

于 2013-01-24T03:53:43.320 回答
2

似乎 Chrome 调试器将源文件加载到内存中,并且不会让它们离开,尽管浏览器缓存更新,即除了不同步的浏览器缓存之外,它有自己的缓存。至少,在处理源映射文件时是这种情况(我正在调试打字稿源)。在成功刷新浏览器缓存并通过直接浏览到源文件进行验证后,您下载更新的文件,但是一旦您在调试器中重新打开文件,无论普通浏览器缓存中的版本如何,它都会继续返回旧文件。确实很讨厌。

我认为这是 chrome 中的一个错误。我使用版本 46.0.2490.71 m。

唯一有帮助的是重新启动 chrome(关闭所有 chrome 浏览器)。

于 2015-10-22T08:35:21.067 回答
0

如果您正在加载的文件被缓存并且您所做的更改未反映在代码中,那么您可以通过 2 种方法来处理此问题

  1. 正如大家所说的那样清除缓存

  2. 如果您想要缓存并且只需要重新加载文件,您可以转到开发工具的网络选项卡并清除已加载的任何内容。下次它不会从缓存中加载它。您将获得最新的更改。

于 2014-11-28T04:40:14.950 回答
0

还有 2 个(快速)解决方法:

  1. 使用隐身模式进行调试,关闭窗口并重新打开它。
  2. 删除您的浏览历史记录
于 2016-01-15T14:16:59.827 回答
0

停用断点导致新脚本为我加载。

于 2017-10-30T20:38:29.010 回答
0

在我看来,最简单的方法是在 chrome 的“私人浏览会话”中工作,以确保您的 javascript 文件不是来自缓存。

于 2017-12-01T14:46:44.287 回答
-1

您还可以使用此 Chrome 扩展程序在使用或不使用缓存之间快速切换:https ://chrome.google.com/webstore/detail/cache-killer/jpfbieopdmepaolggioebjmedmclkbap

于 2013-10-01T08:37:55.137 回答