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

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

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

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


当前回答

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

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

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

其他回答

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

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

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

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

如果不是:

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

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

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扩展来快速切换使用或不缓存:https://chrome.google.com/webstore/detail/cache-killer/jpfbieopdmepaolggioebjmedmclkbap

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

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

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