当前位置: Chrome插件首页 > 开发者插件 > AngularJS Batarang v0.10.9 Chrome插件 > AngularJS Batarang v0.10.9 Chrome插件详细图文介绍

AngularJS Batarang v0.10.9 图文介绍

AngularJS Batarang v0.10.9 Chrome插件图片

angularjs batarang是一款针对谷歌浏览器用户打造的一款增强插件,该插件主要用于开发者进行脚本的编译和调试操作,可以有效地加速开发者的进程,是您调试AngularJS程序的好帮手。

注:中文翻译来自GOOGLE

AngularJS Batarang插件概述

angularjs batarang是一款针对谷歌浏览器用户打造的一款增强插件,该插件主要用于开发者进行脚本的编译和调试操作,可以有效地加速开发者的进程,是您调试AngularJS程序的好帮手,安装后在开发者工具上会多出一个AngularJs选项,可以查看scope的信息或者对应的模型信息,同时还可以查看应用的性能。对angular项目进行调试。通过Enable复选框决定是否启用。
AngularJS Batarang插件概述

AngularJS Batarang插件安装使用

1、你可以从chrome应用商店里找到AngularJS Batarang插件,如果你的chrome应用商店无法打开,你可以在本站的下方找到AngularJS Batarang插件下载地址,当然你也可以借助其他手段访问chrome应用商店。
AngularJS Batarang插件安装使用
2、离线安装的方法参照一下方法:老版本chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本站下载的插件,并拖入扩展程序页面,它会提示你是否安装该插件,点击添加即可。
AngularJS Batarang插件安装使用
3、最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照:Chrome插件安装时出现"CRX-HEADER-INVALID"解决方法,安装好后即可使用。
AngularJS Batarang插件安装使用
4、在chrome浏览器安装好后,在浏览器的右上方会出现AngularJS Batarang插件的按钮。
AngularJS Batarang插件安装使用
5、在chrome浏览器中打开一个Angular应用,并打开控制台,如下图,会发现控制台中多了一个AngularJS的页面,勾选“Enable”,该控件就可以使用了。
AngularJS Batarang插件安装使用
6、点开Models,如下图,左侧是该应用下的所有Scope的信息,右侧是Scope对应的模型信息。点击某个作用域,右侧相应的会显示出该作用域中的所有模型信息。 点击Scope前的”<”,会跳到Elements中该作用域所在的DOM标签上。
AngularJS Batarang插件安装使用
7、Performace展示的是该应用的性能,左侧显示的是监控树,点击树的节点,跳转至相应的element元素上。右侧显示的是监控表达式的性能,这个页面能帮助我们进行性能优化。
AngularJS Batarang插件安装使用
8、Dependenices展示的指令和服务之间的依赖关系,选定某个指令,可以看到其依赖的服务。通过图表把服务之间的依赖关系可视化,红线代表依赖。
AngularJS Batarang插件安装使用
9、最后是options页面。有三个选项:”show applications,” “show scopes,” 和 “show bindings.”。每个选项勾选时,在debugger时,相应的内容会在页面高亮。如有任何问题,请查看help。
AngularJS Batarang插件安装使用
10、在Element标签中选定某个标签时,Element页面的右侧的内容,会多一个AngularJS Properties页面,该页面显示的是选定的html内容的作用域的属性,该功能对于对Angular Scope的理解非常有用。如果不是很理解Angular Scope,可以多用一个这个功能。
AngularJS Batarang插件安装使用

AngularJS Batarang插件联系方式

https://github.com/angular/angularjs-batarang

当前插件其他版本列表

AngularJS Batarang v0.10.9 相关插件推荐

替换字体的中文部分为雅黑

开发者插件 2019-05-19 03:03:21

替换字体的中文部分为雅黑
本扩展可以替换字体的中文部分为雅黑,适合只想将宋体和黑体替换为雅黑的用户。在使用的时候,请同时将Chrome的默认字体设置为微软雅黑或者Segoe UI。

IPvFoo

开发者插件 2019-03-15 19:45:28

显示服务器的IP地址,在IPv4,IPv6的的实时汇总和HTTPS在所有页面元素的信息。
这里的第一个扩展名来使用新的WebRequest API的浏览器17.手表作为浏览器下载一个网页,挑选出的协议相关

Window Resizer:chrome窗口大小自定义调节

开发者插件 2019-02-13 23:54:09

Window Resizer是一款可以设置浏览器窗口大小的Chrome扩展,用户安装了window resizer插件后可以快速调节chrome的窗口大小,用户可以将窗口调节为320x480、480x800、1024x768等大小,也可以选择自定

二维码生成器(qrcode)

开发者插件 2016-01-12 09:09:45

二维码生成器,再也不用手写输入超长URL了
二维码生成器,再也不用手写输入超长URL了。
点击一下即可生成URL的二维码。
同时支持生成指定链接二维码。
小伙伴们是不是觉得很方便呢?^_^

Emoji Cheatsheet for GitHub, Basecamp etc.

开发者插件 2019-03-09 20:21:11

对于可用于在GitHub或Basecamp等热门网站上生成Emojis的代码,这是一个非常简单而有用的参考。 表情符号分为手机键盘中已知的类别。 按名称搜索Emojis或查看最近选择的项目以快速找到

二维码生成工具

开发者插件 2017-03-24 05:00:48

生成当页访问页面的二维码,使用手机扫一扫可直接访问。
生成当页访问页面的二维码,也可以手动输入要生成二维码的内容生成二维码,使用手机扫一扫可直接访问。

Resolution Test - 分辨率测试插件

开发者插件 2019-11-07 09:16:22

resolution test 插件是一款简单而实用的chrome浏览器窗口大小调整插件,该插件可以更改浏览器窗口的大小,以供开发人员以不同的屏幕分辨率预览其网站。 它包括常用解决方案列表以及自

Q工具集

开发者插件 2022-05-03 11:22:07

chrome的工具集合
个人使用的工具集:
1 代理功能;
2 hosts功能;
3 反选翻译功能;

网页管理助手

开发者插件 2019-07-16 10:11:22

简介:扩展支持一键保存当前所有网页,可查看管理列表一键打开保存的网页,非常便利。
功能说明:扩展支持一键保存当前所有网页,可查看管理列表一键打开保存的网页,非常便利。

Custom JavaScript for websites

开发者插件 2019-08-18 12:47:51

运行在任何网站自定义JavaScript 。
使用此工具可在任何网站注入自定义JavaScript 。

你的脚本保存在本地存储和跨域网址应用。

您可以使用jQuery 1.11.0或2.1.0或您自己的

Page Ruler - chrome屏幕尺子插件

开发者插件 2022-05-03 11:24:31

Page Ruler是一款可以测量Chrome浏览器中网页元素大小尺寸的谷歌浏览器插件。页面尺寸测量工具,前端设计师专用。可以测量页面元素、图片和文本的尺寸、位置。Page Ruler是一款可以快速

Who Is Hosting? v1.9.3

开发者插件 2019-08-25 06:04:05

发现谁在用网络上最简单的工具托管任何网站是一个免费的工具,允许用户查看 -只需点击鼠标-网站就可以托管在哪里。这个扩展只会在你的浏览器中添加一个小按钮。然后,当你在一个网站上,好奇谁在主持它时,只需点击按钮,它就会给你所有你需要的信息。这是一个重要的原因有几个。如果你有兴趣购买域名,即使 whois 没有显示联系方式,你也可以找到联系谁。如果网站以任何方式侵犯了你的权利,你也可以联系托管公司,你可

Cookie Hacker v6.0

开发者插件 2020-02-10 16:22:53

CookieHacker
============

Chrome extension, very easy to use. Cookies from: JavaScript document.cookie/Wireshark Cookies etc.