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

How to reload JS script after making any changes in Google DevTools?

本文关键字:新加载 加载 脚本 JS Google DevTools 任何更      更新时间:2023-09-26

我是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');
});

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

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