Angular chrome 插件 Batarang 使用

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后,可以查看属性。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容