如何强制Chrome的脚本调试器重新加载JavaScript?

Chr*_*ell 241 google-chrome google-chrome-devtools

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

有时候我必须尽可能地关闭调试器并重新加载框架工作正常 - 但有时(dI无法确定在什么条件下发生这种情况)我必须清除我的临时互联网缓存.有时我发誓我必须完全关闭chrome,然后清除缓存然后在调试器最终向我显示最新脚本之前加载页面.

(注意:Web服务器没有缓存脚本)

我想知道是否有人知道一种快速简便的方法告诉调试器使其所有的javascript无效并在页面重新加载时重新获取它?

adr*_*nks 322

在开发脚本时,请尝试停用Chrome缓存.

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


Chrome大约2011年

打开设置 禁用缓存


Chrome大约2018年

打开设置 禁用缓存

您也可以在网络选项卡上访问它:

网络选项卡

  • 我一直有这个设置,现在突然间,我被一个文件困住了.有谁找到解决方案? (11认同)
  • 那么,这是否一直适用,或者只在调试器打开时才适用? (8认同)
  • 只有当Dev Tools打开时 (7认同)
  • 对于那些最近提出这个问题的人,请注意设置菜单不在Developer Tools中的三个垂直点菜单中.在那里,您将能够选中该框以禁用缓存. (7认同)
  • 这只是我生命中的几年.我尝试过CMD + SHIFT + R但是没有这样做.谢谢 (4认同)

Bis*_*nna 133

在此输入图像描述

Chrome Dev Tools打开时,右键单击/按住并按住 "重新加载"按钮即可访问上面显示的上下文菜单.

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

另一个优势:此选项可以保持所有其他打开的选项卡和网站数据不变.它只重新加载并清除当前页面.

  • 那个是有用的,特别是因为它很容易解释.我遇到的问题是客户没有在他的网站上看到修改.按F12,然后右键单击重新加载按钮,选择Empty Cache and Hard Reload.我完成了,对那个评论:-) (4认同)

Ste*_*ber 33

您始终可以通过执行以下操作清除特定文件:

  1. 打开开发工具
  2. 单击"源"选项卡
  3. 找到您的脚本/图像/文件
  4. 检查右侧面板以查看您的文件是否是最新的

如果不:

  1. 右键单击左侧面板中的资源,然后选择"在新标签中打开链接"
  2. 使用上述方法强制重新加载资源.(参见@Bishoy Hanna的例子)

如果您拥有框架中的资源并且CTRL+F5不会强制刷新它们,则这非常方便.

  • 在Windows 8上镀铬对我不起作用. (2认同)

Pet*_*lly 12

Shift+ F5快速清除缓存.

  • ctrl-f5恐怕不会削减芥末.旧的javascript文件仍保留在调试器中. (17认同)

RPD*_*ies 8

对于Google Chrome,它不是Ctrl+ F5.它是清除当前缓存的Shift+ F5!这个对我有用 !

  • 这应该是评论或编辑而不是答案. (2认同)
  • 提问者在任何时候都没有提到*Ctrl-F5*,所以根据定义,你的答案不是对提问者提出的问题的回答,而是一个*评论*,对其他人的答案进行修正,应该对其进行处理如此. (2认同)

Ton*_* L. 7

这是DevTools的快捷方式:

  1. F12 打开Chrome DevTools
  2. F1 打开DevTools设置
  3. 检查禁用缓存(当DevTools打开时),如下所示:

在此输入图像描述

注意:根据Dimi的评论更新.他们倾向于移动它,所以如果您注意到它已被更改,请让我知道或更新帖子.

  • 它现在在网络部分. (2认同)