Chrome在未来功能上添加断点

Question

我使用调试器A LOT和chrome非常适合调试JS。 当我知道函数名称时，我经常使用debugger;语句或点击断点。

我遇到了生产问题，无法部署debugger;或日志记录语句。

我不想在重新加载AJAX请求的函数中添加断点。因此，当我在控制台中键入函数名称时，显示的代码不是重新加载后执行的代码。

有没有办法添加一个函数调用包装器，我在其中插入一个调试器;这允许我逐步信息我的重新加载功能。

让我们试试一个例子：

这是一个页面：index.php

<script>
$.post("ajax/function", function () {
    $("#result").html(data);
});
</script>
<div id=result></div>

这是ajax / function response

<script>
function iWantToDebugYou() {
   // .... I want to debug this function
   var thereisabugInThisCode = true;
   if (thereisabugInThisCode) {
       $("#theResultDiv").html("BAD THING HAPPENED");
   }
}
iWantToDebugYou();
</script>
<div id=theResultDiv>Hello world</div>