Angular chrome 插件 Batarang 使用
2015-08-05 20:54
501 查看
Angular chrome 插件 Batarang ,它对于调试和找到性能瓶颈会很有效。安装后在开发者工具上会多出一个AngularJs选项。通过Enable复选框决定是否启用。
安装地址: https://chrome.google.com/webstore/detail/angularjs-batarang/ighdmehidhipcmcojjgiloacoafjmpfk?t=http://webstore.google.com
Models 作用域嵌套,可以从根对象一层一层深入到作用域内部。
可以看作用域是怎么嵌套的,以及模型是如何被添加到作用域上的。
Performance 性能
可以查看大量的作用域和模型对象的性能。
Watch Tree 监控树,点击树的节点,跳转至相应的element元素上。
Service Dependencies 服务依赖关系
通过图表把服务之间的依赖关系可视化
红线代表依赖
Options 提供一些选项,选择后在页面中用不同颜色实线表示。
Help 帮助信息,说明各个选项的作用。
ps:
Elements(元素) 标签的 Properties (属性) 有一个AngularJs Properties区域,用来检查绑定在特定元素作用域上的模型。
console 控制台
同时把元素的作用域展示在控制台中,可以在控制台中使用$scope变量来访问它。
输入$scope后,可以查看属性。
安装地址: https://chrome.google.com/webstore/detail/angularjs-batarang/ighdmehidhipcmcojjgiloacoafjmpfk?t=http://webstore.google.com
Models 作用域嵌套,可以从根对象一层一层深入到作用域内部。
可以看作用域是怎么嵌套的,以及模型是如何被添加到作用域上的。
Performance 性能
可以查看大量的作用域和模型对象的性能。
Watch Tree 监控树,点击树的节点,跳转至相应的element元素上。
Service Dependencies 服务依赖关系
通过图表把服务之间的依赖关系可视化
红线代表依赖
Options 提供一些选项,选择后在页面中用不同颜色实线表示。
Help 帮助信息,说明各个选项的作用。
ps:
Elements(元素) 标签的 Properties (属性) 有一个AngularJs Properties区域,用来检查绑定在特定元素作用域上的模型。
console 控制台
同时把元素的作用域展示在控制台中,可以在控制台中使用$scope变量来访问它。
输入$scope后,可以查看属性。
相关文章推荐
- 学习angularjs时遇到 XX is not a function
- AngularJS页面加载闪烁解决方案
- Angular Services详解
- Angularjs书写规范
- 深入理解AngularJs-Ui-router
- angularjs利用指令调用ueditor百度编辑器
- 学会使用AngularJS
- AngularJS学习笔记
- 接触AngularJS
- 用AngularJS开发下一代应用(学习笔记)
- Angular开发Tips
- angularJs 实现checkbox全选和多选
- win7下面搭建angularjs开发环境
- AngularJS中文介绍
- AngularJs 初学
- angularJS--多个控制器之间的数据共享
- AngularJS Tutorial(18)from w3school
- AngularJS Tutorial(17)from w3school
- AngularJS Tutorial(16)from w3school
- AngularJS Tutorial(15)from w3school