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

时间:2013-08-18 17:39:35

标签: javascript google-chrome google-chrome-devtools

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

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

它没有任何问题。

2)当我在Chrome中打开DevTools时(Windows中的Ctrl + Shift + I)DevTools面板即将推出 3)我打开“来源” - > “func.js”和JS控制台;它有效,我在控制台看到“123”。 4)我做了一些改变。例如,

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

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

1 个答案:

答案 0 :(得分:0)

Dev工具将javascript更改发送到解释器。你不需要做任何事情。您遇到的问题是没有任何因素导致新代码再次运行。只是改变它不会导致它重新运行。尝试将控制台日志放在事件处理程序(如click事件)中,然后编辑开发工具中的代码,然后调用事件(通过clickign标记处理程序的任何内容)