调试angularjs chrome 插件 Batarang安装和使用

Angular chrome 插件 Batarang ，它对于调试和找到性能瓶颈会很有效。安装后在开发者工具上会多出一个AngularJs选项。通过Enable复选框决定是否启用。

Angular chrome 插件 Batarang ，它对于调试和找到性能瓶颈会很有效。安装后在开发者工具上会多出一个AngularJs选项。通过Enable复选框决定是否启用。

安装Batarang 方法：下载xxxx.crx的文件,下载完成之后将该文件放在chrome安装目录下 。

1. chrome-->设置--->扩展程序，把附件拖进来,即完成安装。

Models 作用域嵌套，可以从根对象一层一层深入到作用域内部。
可以看作用域是怎么嵌套的，以及模型是如何被添加到作用域上的。

Performance　性能
可以查看大量的作用域和模型对象的性能。
Watch Tree 监控树，点击树的节点，跳转至相应的element元素上。

Service Dependencies　服务依赖关系
通过图表把服务之间的依赖关系可视化
红线代表依赖

Options 提供一些选项，选择后在页面中用不同颜色实线表示。

Help 帮助信息，说明各个选项的作用。

ps:
Elements(元素) 标签的 Properties (属性)　有一个AngularJs Properties区域，用来检查绑定在特定元素作用域上的模型。

console　控制台
同时把元素的作用域展示在控制台中，可以在控制台中使用$scope变量来访问它。
输入$scope后，可以查看属性。