Page 452 - AngularJS权威教程

432 第 33 章 调试 AngularJS

以及接近在浏览器内执行的代码。
要使用debugger，只需将它添加到应用程序代码的上下文内即可：

angular.module('myApp')
.factory('SessionService', function($q, $http) {
var service = {
user_id: null,
getCurrentUser: function() {
debugger; // 在这个函数内设置debugger
return service.user_id;
}
}

return service;
});
在这个服务内，我们将会调用debugger方法有效地冻结应用程序。

只要浏览器中的Chrome开发工具开着，还可以在这个应用程序代码执行的位置使用
console.log()或者其他JavaScript命令。

当完成应用程序代码调试时，需要确保移除这行代码，因为它会冻结浏览器，甚至是产品。

33.3 Angular Batarang

Angular Batarang是一个由Google的Angular团队开发的Chrome扩展程序，它很好地集成了调
试Angular应用的工具，如图33-1所示。

图33-1 Batarang Chrome扩展

33.3.1 安装 Batarang
要安装Batarang，需要从Web Store或者Github仓库https://github.com/angular/angularjs-batarang
中下载这个应用程序。

安装好之后，就可以导航到开发者工具中启动这个扩展程序，然后点击enable来启用Batarang
收集页面的调试信息。
Batarang允许我们查看Angular应用的作用域、性能、依赖和其他关键参数。