在 Google DevTools 中进行任何更改后如何重新加载 JS 脚本？

Question

我是 Google DevTools 的新手，我有一个问题： 1）我的测试页面有一个JS脚本“func.js”，代码如下：

$(function() {
    console.log('123');
});

它没有任何问题。

2) 当我在 Chrome 中打开 DevTools（在 Windows 中为 Ctrl + Shift + I）时，DevTools 面板即将到来 3）我打开“Sources”->“func.js”和JS控制台；它有效，我在控制台中看到“123”。 4）我做了一些改变。例如，

$(function() {
    console.log('123');
    console.log('456');
});

是否可以在不保存原始文件的情况下重新加载此更新的代码？我看不到此功能的重新加载/刷新/重新制作按钮。我有最后一个谷歌浏览器版本。 请告诉我，我该怎么做？可能吗？

Answer 1

开发工具将 javascript 更改实时发送到解释器。你不需要做任何事情。您遇到的问题是没有什么会导致新代码再次运行。只是改变它不会导致它重新运行。尝试将控制台日志放在事件处理程序中（如单击事件），然后在开发工具中编辑代码，然后调用事件（通过单击您附加处理程序的任何内容）