Google chrome devtools 如何在Chrome开发工具中修改事件处理程序？

我在devtools中看到附加的（事件）函数，但不知道如何修改它们

修改事件处理程序-添加/删除一些变量，删除“如果”检查，以及函数中的任何内容

（可能控制台可以通过一些dev命令提供帮助。）

示例任务：
如何在不设置新侦听器的情况下更改devtools中的“b”变量以发出另一个警报

(function() {
    var b = 8;
    document.onclick = function() {
        alert(b);
    }
})()

---

使用devtools更改事件函数：添加/删除一些变量，删除“if”检查，等等。好的，带控制台-很合适。单击listener函数打开其代码，复制到编辑器中并对其进行修改，2。在现有侦听器上的devtools中单击“删除”，3。运行$0.onclick=function（event）{….}-这是您的新代码，$0表示您最近在elements inspector中单击的元素。P.S.可以用于整个复制粘贴过程。我知道这很简单。但在我的例子中，处理程序来自一个大的库。因此，作用域将被破坏，无法工作。您可以先保存作用域，例如，在现有侦听器中设置断点，然后在触发时，将

此
（或任何需要的上下文）保存到全局变量中，以便在修改的代码中使用。>“您可以保留作用域”-我不明白这个想法。但是在图书馆里有很多函数树。因此，如果所需的函数在作用域5中，它将使用作用域4的变量，这些变量将使用作用域3中的另一个变量，然后是作用域2和全局。使用devtools更改事件函数：添加/删除一些变量，删除“如果”检查，等等。好的，带控制台-很合适。单击listener函数打开其代码，复制到编辑器中并对其进行修改，2。在现有侦听器上的devtools中单击“删除”，3。运行$0.onclick=function（event）{….}-这是您的新代码，$0表示您最近在elements inspector中单击的元素。P.S.可以用于整个复制粘贴过程。我知道这很简单。但在我的例子中，处理程序来自一个大的库。因此，作用域将被破坏，无法工作。您可以先保存作用域，例如，在现有侦听器中设置断点，然后在触发时，将
此
（或任何需要的上下文）保存到全局变量中，以便在修改的代码中使用。>“您可以保留作用域”-我不明白这个想法。但是在图书馆里有很多函数树。因此，如果需要的函数在范围5中，它使用范围4的变量，这些变量使用范围3中的另一个变量，之后是范围2和全局变量。