如何强制Chrome's脚本调试器重新加载javascript?

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

有时我不得不关闭调试器并重新加载帧,但其他时候(dI不能确定在什么情况下发生),我必须清除我的临时互联网缓存。有时我发誓我必须完全关闭chrome浏览器,然后清除缓存,然后在调试器最终显示最新的脚本之前加载页面。

(NB。web服务器没有缓存脚本)

我想知道是否有人知道一个快速和简单的方法来告诉调试器无效所有的javascript,并重新获取它在页面重载?

192465 次浏览

转变+F5快速清空缓存。

当你在开发你的脚本时,试着禁用Chrome缓存。

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


Chrome大约2011年

Open settings Disable the cache

.

Chrome约2018

Open settings Disable the cache < / p >

你也可以在network选项卡上访问它:

Network tab

你可以通过以下方法清除特定的文件:

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

如果不是:

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

如果你的资源在帧中并且CTRL+F5没有强制刷新它们,这是非常方便的。

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

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

对于谷歌铬不是Ctrl+F5。清除当前缓存的方法是转变+F5 !这对我很管用!

enter image description here

上面所示的上下文菜单可以通过右键点击/按&持有(“重新加载”按钮)访问,而打开“Chrome开发工具”. dll可以访问。

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

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

你也可以使用这个Chrome扩展来快速切换使用或不缓存:https://chrome.google.com/webstore/detail/cache-killer/jpfbieopdmepaolggioebjmedmclkbap

如果您正在加载的文件被缓存,如果您所做的更改没有反映在代码中,那么有2种方法可以处理这个问题

  1. 像所有人说的那样清空缓存

  2. 如果你想要缓存,只有文件需要重新加载,你可以去开发工具的网络选项卡,并清除加载的任何文件。下一次它将不会从缓存中加载它。您将有最新的更改。

Chrome调试器将源文件加载到内存中,尽管浏览器缓存更新,但它不会让它们离开,也就是说,它有自己的缓存,与浏览器缓存不同步。至少,在使用源映射文件时是这样的(我正在调试typescript源)。在成功刷新浏览器缓存并通过直接浏览源文件进行验证之后,您下载了更新后的文件,但是只要您在调试器中重新打开文件,它就会继续返回旧文件,无论普通浏览器缓存中的版本是什么。确实很烦人。

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

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

还有2个(快速)变通方法:

  1. 使用隐身模式怀尔调试,关闭窗口并重新打开。
  2. 删除浏览记录

下面是DevTools的快捷方式:

  1. F12打开Chrome DevTools
  2. F1打开DevTools Settings
  3. 检查禁用缓存(当DevTools打开时),如下所示:

enter image description here

注:根据Dimi的评论更新。他们倾向于移动它,所以让我知道,或者更新帖子,如果你注意到它的变化。

在Windows上,Ctrl+转变+r将强制在chrome中重新加载脚本。

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

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

Chrome

右键点击chrome中的重新加载按钮,点击“空缓存和硬重新加载”;

如果URL上有文档: 文件:C: / / / /用户/用户/桌面/网站/ index . html < / p > 添加任何参数到你的URL,像这样: 文件:/ / / C: /用户/用户/桌面/网站/ index . html ?foo = 777 < / p >

浏览器会刷新所有的站点资源