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

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

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

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


当前回答

下面是DevTools的快捷方式:

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

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

其他回答

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浏览器)。

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

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

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


铬大约2011年


铬大约2018年

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

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

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

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

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