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

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

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

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


当前回答

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文件不是来自缓存。

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

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


铬大约2011年


铬大约2018年

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

Shift+F5快速清空缓存。

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

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

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

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

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