如何强制Chrome的脚本debugging器重新加载JavaScript?
我真的很喜欢在Chromedebugging器中编辑javascript的能力,但是我发现让debugging器重新从服务器获取JavaScript是非常麻烦的。
有时候我只好closuresdebugging器,然后重新加载框架就行了 – 但是其他时间(在这种情况发生的情况下,dI不能确定)我必须清除临时的Internetcaching。 有时我发誓我必须彻底closuresChrome,然后清除caching,然后在debugging器之前加载页面,最后显示最新的脚本。
(注意,Web服务器没有caching脚本)
我想知道是否有人知道一个简单快捷的方式告诉debugging器使其所有的JavaScript无效,并重新载入页面重新载入?
在开发脚本时,请尝试禁用Chromecaching:
当您重新加载页面时,现在应该刷新JavaScript。
这是我住的最好的方式…保持检查窗口必须保持打开,以便看到这个上下文菜单,而按住刷新buttonBTW:我通常使用空caching和硬重新加载
它还有另一个优点,它保存所有其他网站的东西,只是重新加载和清除这一个只。
您可以通过执行以下操作来清除特定的文件:
- 打开开发工具
- 点击Sources选项卡
- find你的脚本/图像/文件
- 检查右侧面板,看看你的文件是否是最新的
如果不:
- 右键单击左侧面板中的资源,然后select“在新选项卡中打开链接”
- 使用
CTRL+F5
强制重新加载资源(mac:Command-Shift-R
)
这是非常方便的,如果你有框架中的资源和CTRL+F5
不强制刷新它们。
这是DevTools的快捷方式:
- F12打开Chrome DevTools
- F1打开DevTools设置
- 检查禁用caching(DevTools处于打开状态) ,如下所示:
注意:根据Dimi的评论更新。 他们倾向于移动它,所以让我知道或更新的职位,如果你发现它已经改变。
Shift + F5快速清除caching。
对于谷歌浏览器,它不是Ctrl + F5 。 这是Shift + F5来清除当前的caching! 这个对我有用 !
如果您在Developer Tools中对JavaScript进行本地更改,则需要确保在重新加载页面之前closures这些更改。
在Sources选项卡中,打开脚本,右键单击脚本,然后从上下文菜单中单击“Local Modifications”选项。 这将显示您保存修改的脚本列表。 如果您在该窗口中看到它,开发工具将始终保留您的本地副本,而不是从服务器刷新它。 点击“恢复”button,然后再次刷新,你应该得到新的副本。
Chromedebugging器似乎将源文件加载到内存中,并且不会让浏览器高速caching更新,即除了不同步的浏览器高速caching之外,它有自己的高速caching。 至less,当使用源映射文件(我正在debugging打字稿源)时就是这种情况。 在成功刷新浏览器caching并通过直接浏览源文件validation后,即可下载更新的文件,但只要在debugging器中重新打开该文件,它将不pipe从普通浏览器caching的版本如何,都会一直返回旧文件。 非常讨厌的确。
我会认为这是一个铬的错误。 我使用版本46.0.2490.71米。
唯一有用的是重新启动chrome(closures所有chrome浏览器)。
在Windows上, Ctrl + Shift + r会强制刷新脚本。
如果你正在加载的文件被caching,如果你所做的更改没有反映在代码中,那么有两种方法可以处理这个
-
按照每个人的说明清除Cache
-
如果你想caching,只有文件必须重新加载,你可以去开发工具的networking选项卡,并清除无论加载。 下次它不会从caching中加载它。 你会有最新的变化。
如果您在Apache上运行本地服务器,则可能会看到caching问题。 当我有一个运行在Vagrant下的Apache服务器(在virtualbox中)时,我碰巧遇到了这种情况。
只需将以下几行添加到您的configuration文件( /etc/httpd/conf/httpd.conf
或同等文件):
#Disable image serving for network mounted drive EnableSendfile off
请注意,通过configuration文件来查找EnableSendfile
是否设置为on
其他地方是值得的。
还有2个(快速)解决方法:
- 在debugging时使用隐身模式,closures窗口并重新打开。
- 删除您的浏览logging
取消激活断点导致新脚本为我加载。
您也可以使用此Chrome扩展程序快速切换使用或不使用caching: https : //chrome.google.com/webstore/detail/cache-killer/jpfbieopdmepaolggioebjmedmclkbap