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;处设置断点return response.data; 声明。

Chrome DevTools为此提供了一个选项：

在此处输入图片说明

以及Firefox DevTools：

在此处输入图片说明

与源映射结合使用，可以轻松调试精简的代码。

对于Firebug，还计划在下一个版本中集成代码漂亮打印和源映射。 请参阅问题1238和那里的问题5765 。