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

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

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

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


当前回答

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

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

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

其他回答

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

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

如果不是:

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

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

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

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

如果您正在加载的文件被缓存,如果您所做的更改没有反映在代码中,那么有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浏览器)。

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