batarang是一个chorme浏览器的插件,它可以查看作用域、输出调试信息、 以及对性能进行监控。angular不像普通的js,如果抛出错误,只会报angularJs的错,找不到错误代码的位置,借助于batarang可以方便调试angular代码

1。安装

百度batarang下载后缀为".rxc"的chorme插件,也可以百度网盘下载http://pan.baidu.com/s/1jGILtzg。

下载完成后,chorme浏览器右上角选项(三个点)-----更多工具-----扩展程序,将下载的文件拖进浏览器进行安装。

安装完成后,随便打开一个页面,F12,在工具栏会能看到AngularJs选项卡。

angular调试工具-batarang

很奇怪里面的内容是空的,我百度了一下,说是batarang里面缺少angular文件,在网上下载了一个完整版的,尴尬地是不会安装,听说这个选项卡不常用,那就不管它了,感兴趣的小伙伴可以参考这个文章http://www.tuicool.com/articles/2ANBriV 。

2。使用

随便打开一个angular的网站,例如我们打开angular中文社区,按F12,选中一个dom元素,我们选中ng-repeat,右侧可以看到article内容。

angular调试工具-batarang

Properties是用来查看属性作用域的,关于作用域我还不是很了解,就不多说什么了,batarang里这两个选项卡是最常用的,先把这两个功能搞定再去看别的吧。

angular调试工具-batarang

关于angular的调试工具就说到这了,自己多研究吧。


相关文章:

  • 2021-12-10
  • 2022-12-23
  • 2022-12-23
  • 2021-07-11
  • 2021-11-29
  • 2022-12-23
  • 2021-12-03
  • 2021-12-04
猜你喜欢
  • 2021-08-07
  • 2022-12-23
  • 2021-04-08
  • 2022-02-26
  • 2021-11-28
  • 2021-10-15
  • 2022-12-23
相关资源
相似解决方案