title: Debugging AngularJS in Chrome developer tools?
body: <p>I'm trying to debug a <code>$http</code> problem in our app and when I step into <code>$http.get</code> the debugger doesn't show the value of any AngularJS local variables. Hover shows nothing and right click 'Evaluate in console' throws <code>Uncaught ReferenceError: url is not defined</code></p>
  
  <p>Is there someway to see the values of variables inside AngularJS during debugging?</p>
  
  <p>Thanks.</p>
  
  <p>[Edit for Bruno]
  This is the code where context is lost, (angular.js (1.4.8)):</p>
  
  <pre><code>function createShortMethods(names) {
     forEach(arguments, function(name) {
        $http[name] = function(url, config) {
           return $http(extend({}, config || {}, {
              method: name,
              url: url
           }));
        };
     });
  }
  </code></pre>
  
  <p>Stepping into <code>$http.get</code> (above) neither <code>url</code> nor <code>config</code> have values in the debugger. <code>url</code> probably has a value as the REST API is accessed over the network.</p>
  
  <p>Tried Batarang, it does not want to work with Angular 1.4.8</p>
  
  <p>[Update]
  Looks like this is related to Angular's use of strict mode, I'll have to work around that.</p>
  
  <p>Thanks to everyone for their time &amp; thoughts.</p>