Javascript 在Chrome开发者工具中调试AngularJS？

我正在尝试调试应用程序中的

$http

问题，当我进入

$http.get

时，调试器不会显示任何AngularJS局部变量的值。鼠标悬停不显示任何内容，右键单击“在控制台中求值”将抛出未捕获的引用错误：未定义url

在调试过程中是否有办法查看AngularJS中的变量值

谢谢

[为布鲁诺编辑] 这是丢失上下文的代码（angular.js（1.4.8））：

进入

$http.get

（以上）调试器中的

url

和

config

都没有值<代码>url可能有一个值，因为RESTAPI是通过网络访问的

尝试过Batarang，但它不希望使用Angular 1.4.8

[更新] 看起来这和Angular使用严格模式有关，我必须解决这个问题

谢谢大家的时间和想法。

你可以试试。它用于调试角度应用程序。

---

也可以帮助您。

您可以在

$http.get（XXX）

之前添加断点，然后在Chrome的控制台中，您可以通过写入变量名称来检查变量

如果您显示有问题的代码片段（控制器+视图），包括设置断点的行，将更容易获得帮助。值得怀疑的是，Chrome Developer Tools调试器和Angular有问题，但现在开始。我不明白。如果我进入

$http.get

和

url

和

config

是函数参数，我应该能够在本地（函数）上下文中检查它们的值。也就是说，

url

和

config

在当前堆栈框架中。可能的重复：@Bruno，不是重复，其他此类问题是关于使用AngularJS调试应用程序的，这个问题是关于调试AngularJS本身（在AngularJS内部）。问题是Angular声明strict，它禁止查看Angular内部的局部变量。我试图调试的问题是Angular内部的，我确实需要可见性。您检查过url变量的值吗？如果写入$http，则返回$http函数。

function createShortMethods(names) {
   forEach(arguments, function(name) {
      $http[name] = function(url, config) {
         return $http(extend({}, config || {}, {
            method: name,
            url: url
         }));
      };
   });
}