angular调试工具-batarang
来源:互联网 发布:如何开好淘宝店找货源 编辑:程序博客网 时间:2024/05/03 22:17
batarang是一个chorme浏览器的插件,它可以查看作用域、输出调试信息、 以及对性能进行监控。angular不像普通的js,如果抛出错误,只会报angularJs的错,找不到错误代码的位置,借助于batarang可以方便调试angular代码。
1。安装
百度batarang下载后缀为".rxc"的chorme插件,也可以百度网盘下载http://pan.baidu.com/s/1jGILtzg。
下载完成后,chorme浏览器右上角选项(三个点)-----更多工具-----扩展程序,将下载的文件拖进浏览器进行安装。
安装完成后,随便打开一个页面,F12,在工具栏会能看到AngularJs选项卡。
很奇怪里面的内容是空的,我百度了一下,说是batarang里面缺少angular文件,在网上下载了一个完整版的,尴尬地是不会安装,听说这个选项卡不常用,那就不管它了,感兴趣的小伙伴可以参考这个文章http://www.tuicool.com/articles/2ANBriV 。
2。使用
随便打开一个angular的网站,例如我们打开angular中文社区,按F12,选中一个dom元素,我们选中ng-repeat,右侧可以看到article内容。
Properties是用来查看属性作用域的,关于作用域我还不是很了解,就不多说什么了,batarang里这两个选项卡是最常用的,先把这两个功能搞定再去看别的吧。
关于angular的调试工具就说到这了,自己多研究吧。
1 0
- angular调试工具-batarang
- angular调试工具-batarang
- 两个很好的angular调试工具-——batarang(stable)和ng-inspector
- Angular chrome 插件 Batarang 使用
- Angular浏览器插件Batarang介绍
- 【web前端自动化工作环境配置】7. 解决安装chrome batarang调试工具中遇到的问题
- angular 安装batarang踩到的那些坑儿
- 调试angularjs chrome 插件 Batarang安装和使用
- angular debug 调试
- 如何调试Angular typescript
- angular-cli工具
- AngularJS Batarang 安装
- 关于 angular 的一些调试
- ionic+angular 真机调试
- 调试工具
- 调试工具
- 调试工具
- 调试工具
- wifi详解(一)
- java day1
- 深度优先遍历与广度优先遍历 递归与非递归思路
- Spirng事物管理
- WSACTASK任务增加相应命令参数
- angular调试工具-batarang
- Maven常用命令和自动构建目录骨架
- Flax使用杂记
- Oracle 数据库导入导出 dmp文件
- IOS越狱相关-2017
- MySQL索引设计背后的数据结构及算法详解
- 如何用消息系统避免分布式事务?
- Android 官网Train阅读记录——6
- 基于vue的日历小demo