javascript - 1 行函数内的 Firebug/Chrome 调试器

Question

这个问题完全出于我自己的好奇心。所以 Angular(可能还有其他框架)中有很多方法是在一行中匿名定义的。例如(取自 angular-route.js):

$http.get(templateUrl, {cache: $templateCache}).
    then(function(response) { return response.data; })

我想在 promise 回调中设置一个断点，并在该点检查 response 中的内容。目前，我只是暂时对源代码进行黑客攻击，这并不理想。

这是一个奇怪的请求，我知道，而且我几乎可以肯定 UI 没有提供它。但你永远不知道。

Answer 1

我猜您实际要求的是能够格式化代码，因此很容易在 return response.data; 语句处设置断点。

Chrome DevTools 有一个选项:

以及 Firefox DevTools:

结合source maps可以轻松调试缩小的代码。

对于 Firebug，还计划在下一个版本中集成代码美化打印和源映射。参见 issue 1238和 issue 5765那里。