angularjs batarang是一款针对谷歌浏览器用户打造的一款增强插件,该插件主要用于开发者进行脚本的编译和调试操作,可以有效地加速开发者的进程,是您调试AngularJS程序的好帮手。
注:中文翻译来自GOOGLE
AngularJS Batarang插件概述
angularjs batarang是一款针对谷歌浏览器用户打造的一款增强插件,该插件主要用于开发者进行脚本的编译和调试操作,可以有效地加速开发者的进程,是您调试AngularJS程序的好帮手,安装后在开发者工具上会多出一个AngularJs选项,可以查看scope的信息或者对应的模型信息,同时还可以查看应用的性能。对angular项目进行调试。通过Enable复选框决定是否启用。
AngularJS Batarang插件安装使用
1、你可以从chrome应用商店里找到AngularJS Batarang插件,如果你的chrome应用商店无法打开,你可以在本站的下方找到AngularJS Batarang插件下载地址,当然你也可以借助其他手段访问chrome应用商店。

4、在chrome浏览器安装好后,在浏览器的右上方会出现AngularJS Batarang插件的按钮。

5、在chrome浏览器中打开一个Angular应用,并打开控制台,如下图,会发现控制台中多了一个AngularJS的页面,勾选“Enable”,该控件就可以使用了。

6、点开Models,如下图,左侧是该应用下的所有Scope的信息,右侧是Scope对应的模型信息。点击某个作用域,右侧相应的会显示出该作用域中的所有模型信息。 点击Scope前的”<”,会跳到Elements中该作用域所在的DOM标签上。

7、Performace展示的是该应用的性能,左侧显示的是监控树,点击树的节点,跳转至相应的element元素上。右侧显示的是监控表达式的性能,这个页面能帮助我们进行性能优化。

8、Dependenices展示的指令和服务之间的依赖关系,选定某个指令,可以看到其依赖的服务。通过图表把服务之间的依赖关系可视化,红线代表依赖。

9、最后是options页面。有三个选项:”show applications,” “show scopes,” 和 “show bindings.”。每个选项勾选时,在debugger时,相应的内容会在页面高亮。如有任何问题,请查看help。

10、在Element标签中选定某个标签时,Element页面的右侧的内容,会多一个AngularJS Properties页面,该页面显示的是选定的html内容的作用域的属性,该功能对于对Angular Scope的理解非常有用。如果不是很理解Angular Scope,可以多用一个这个功能。

AngularJS Batarang插件联系方式
https://github.com/angular/angularjs-batarang
AngularJS Batarang v0.10.9插件LOGO图片
AngularJS Batarang v0.10.9 相关插件推荐
开发者插件
2019-05-19 03:03:21
替换字体的中文部分为雅黑
本扩展可以替换字体的中文部分为雅黑,适合只想将宋体和黑体替换为雅黑的用户。在使用的时候,请同时将Chrome的默认字体设置为微软雅黑或者Segoe UI。
开发者插件
2020-03-18 11:31:51
开发者插件
2019-03-15 19:45:28
显示服务器的IP地址,在IPv4,IPv6的的实时汇总和HTTPS在所有页面元素的信息。
这里的第一个扩展名来使用新的WebRequest API的浏览器17.手表作为浏览器下载一个网页,挑选出的协议相关
开发者插件
2019-02-13 23:54:09
Window Resizer是一款可以设置浏览器窗口大小的Chrome扩展,用户安装了window resizer插件后可以快速调节chrome的窗口大小,用户可以将窗口调节为320x480、480x800、1024x768等大小,也可以选择自定
开发者插件
2016-01-12 09:09:45
二维码生成器,再也不用手写输入超长URL了
二维码生成器,再也不用手写输入超长URL了。
点击一下即可生成URL的二维码。
同时支持生成指定链接二维码。
小伙伴们是不是觉得很方便呢?^_^
开发者插件
2019-03-09 20:21:11
对于可用于在GitHub或Basecamp等热门网站上生成Emojis的代码,这是一个非常简单而有用的参考。
表情符号分为手机键盘中已知的类别。
按名称搜索Emojis或查看最近选择的项目以快速找到
开发者插件
2019-10-25 07:34:52
用于检查 React 组件性能的 Chrome devtool 扩展。
开发者插件
2017-03-24 05:00:48
生成当页访问页面的二维码,使用手机扫一扫可直接访问。
生成当页访问页面的二维码,也可以手动输入要生成二维码的内容生成二维码,使用手机扫一扫可直接访问。
开发者插件
2019-11-07 09:16:22
resolution test 插件是一款简单而实用的chrome浏览器窗口大小调整插件,该插件可以更改浏览器窗口的大小,以供开发人员以不同的屏幕分辨率预览其网站。 它包括常用解决方案列表以及自
开发者插件
2022-05-03 11:22:07
chrome的工具集合
个人使用的工具集:
1 代理功能;
2 hosts功能;
3 反选翻译功能;
开发者插件
2019-07-16 10:11:22
简介:扩展支持一键保存当前所有网页,可查看管理列表一键打开保存的网页,非常便利。
功能说明:扩展支持一键保存当前所有网页,可查看管理列表一键打开保存的网页,非常便利。
开发者插件
2015-04-05 13:36:32
Easy to recognize issues ticket number while you are busy working
开发者插件
2019-08-18 12:47:51
运行在任何网站自定义JavaScript 。
使用此工具可在任何网站注入自定义JavaScript 。
你的脚本保存在本地存储和跨域网址应用。
您可以使用jQuery 1.11.0或2.1.0或您自己的
开发者插件
2020-06-24 00:30:48
IP Address and Domain Information是一款可以在线查看网页位置、DNS、whois数据等IP信息的chrome ip信息查看器插件。
开发者插件
2019-04-02 21:32:07
此插件可以生成当前页面二维码,手机直接扫二维码就可以访问当前页面,关键离线也能使用,(w3cways.com)!
开发者插件
2017-07-09 03:44:55
ICBC E-Bank users can use this extension to communicate with HuaHong USB Key
Chrome Extension of ICBC Internet Banking for HuaHong USB-Shield.
开发者插件
2022-05-03 11:24:31
Page Ruler是一款可以测量Chrome浏览器中网页元素大小尺寸的谷歌浏览器插件。页面尺寸测量工具,前端设计师专用。可以测量页面元素、图片和文本的尺寸、位置。Page Ruler是一款可以快速
开发者插件
2019-02-14 00:03:11
PageSpeed Insights是一款可以分析网页打开速度的谷歌浏览器插件,通过PageSpeed Insights插件的分析并给出相应的优化建议,网站开发人员可以找出网站速度的瓶颈所在,并相应的网站优化,
开发者插件
2019-08-25 06:04:05
发现谁在用网络上最简单的工具托管任何网站是一个免费的工具,允许用户查看 -只需点击鼠标-网站就可以托管在哪里。这个扩展只会在你的浏览器中添加一个小按钮。然后,当你在一个网站上,好奇谁在主持它时,只需点击按钮,它就会给你所有你需要的信息。这是一个重要的原因有几个。如果你有兴趣购买域名,即使 whois 没有显示联系方式,你也可以找到联系谁。如果网站以任何方式侵犯了你的权利,你也可以联系托管公司,你可
开发者插件
2020-02-10 16:22:53
CookieHacker
============
Chrome extension, very easy to use. Cookies from: JavaScript document.cookie/Wireshark Cookies etc.