调试开发者控制台插入的 javascript答案

【问题标题】：Debug developer console inserted javascript调试开发者控制台插入的 javascript
【发布时间】：2018-06-09 22:35:30
【问题描述】：

有什么方法可以调试您从 firefox 开发者控制台终端插入的代码？即我插入了

document.onkeydown = function(event) { 
  // check keys pressed and perform some logic 
}

如果我知道从开发者控制台输入的 javascript 去了哪里（它在哪个 .js 文件中），我可以调试它，但我无法弄清楚。

【问题讨论】：

【解决方案1】：

在 chrome 调试控制台中，输入：

document.onkeydown = function(event) { 
  console.log(event)
}

返回值将是一个函数，如下所示：

双击该功能，将打开一个VM.js 选项卡。这包含 VM 为该函数生成的代码。你可以在那里设置断点。

【讨论】：

【解决方案2】：

调试器；声明正是我所需要的。

document.onkeydown= function(event){
    debugger;
    //function logic here
}

然后从下图中你可以看到你可以在调试器中设置你需要的断点。

【讨论】：