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

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

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

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


Shift+F5快速清空缓存。


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

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


铬大约2011年


铬大约2018年

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


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

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

如果不是:

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

这是非常方便的,如果你有资源在帧和CTRL+F5不强制刷新他们。


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

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


对于谷歌chrome,它不是Ctrl+F5。按Shift+F5清除当前缓存!这对我很管用!


上图所示的上下文菜单是通过右键单击/按下并按住“重新加载”按钮,而Chrome开发工具是打开的。

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

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


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


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

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


It seems as the Chrome debugger loads source files into memory and wont let them go despite of browser cache updates, i.e. it has its own cache apart from the browser cache that is not in sync. At least, this is the case when working with source mapped files (I am debugging typescript sources). After successfully refreshing browser cache and validating that by browsing directly to the source file, you download the updated file, but as soon as you reopen the file in the debugger it will keep returning the old file no matter the version from the ordinary browser cache. Very anoying indeed.

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

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


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

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


下面是DevTools的快捷方式:

F12打开Chrome DevTools F1,打开DevTools Settings 勾选“禁用缓存”(当DevTools打开时),如下所示:

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


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


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


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


右键点击重载按钮,点击“清空缓存和硬重载”


如果URL上有文档: file:///C:/Users/user/Desktop/site/index.html

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

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