单线功能内的Firebug / Chrome调试器

时间:2014-03-26 05:39:48

标签: javascript debugging firebug google-chrome-devtools

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

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

我想在promise回调中设置一个断点,并检查那时response中的内容。目前我刚刚暂时黑客攻击源头,这并不理想。

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

1 个答案:

答案 0 :(得分:2)

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

Chrome DevTools有一个选项:

enter image description here

以及Firefox DevTools:

enter image description here

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

对于Firebug,还计划在下一个版本之一集成代码漂亮打印和源映射。在那里查看issue 1238issue 5765