在Chrome開發人員工具中調試AngularJS？

Question

我正在嘗試在應用程序中調試$http問題，當我進入$http.get ，調試器不會顯示任何AngularJS局部變量的值。 懸停時不顯示任何內容，右鍵單擊“在控制台中評估”將引發Uncaught ReferenceError: url is not defined

在調試過程中是否有辦法查看AngularJS內部變量的值？

謝謝。

[為Bruno編輯]這是上下文丟失的代碼，（angular.js（1.4.8））：

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

進入$http.get （上圖）， url和config在調試器中都沒有值。 由於通過網絡訪問REST API，因此url可能具有值。

嘗試過Batarang，它不希望與Angular 1.4.8一起使用

[更新]看起來這與Angular使用嚴格模式有關，我將不得不解決此問題。

感謝大家的時間和想法。

Answer 1

您可以嘗試AngularJS Batarang 。 它用於調試角度應用程序。 AngularJS的ng-inspector也可以為您提供幫助。

Answer 2

您可以在$http.get(XXX)之前添加一個斷點，然后在Chrome的控制台中通過寫入變量名稱來檢查變量。