当前位置: Chrome插件首页 > 开发者插件 > AngularJS Batarang v0.10.9 Chrome插件

AngularJS Batarang v0.10.9 Chrome插件

插件分类:开发者插件
直达下载

AngularJS Batarang v0.10.9 Chrome插件图文教程

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 Chrome插件图片

  • AngularJS Batarang v0.10.9插件图片

AngularJS Batarang v0.10.9基本信息

插件名称:AngularJS Batarang v0.10.9 插件作者:AngularJS 插件语言: English 官方站点:暂无 插件唯一标识:ighdmehidhipcmcojjgiloacoafjmpfk_0.10.9

AngularJS Batarang v0.10.9用户数和评分

下载次数:209918 用户评分:2.57877 (共5分) 参与评分人数:1498

AngularJS Batarang v0.10.9文件信息

当前版本:0.10.9 最后更新日期:2020-06-16 文件大小:437KiB

当前插件其他版本列表

AngularJS Batarang v0.10.9下载地址

AngularJS Batarang v0.10.9相关插件

AngularJS Batarang

开发者插件 2020-12-23 23:10:12

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

AlloyDesigner - 前端重构开发辅助工具

开发者插件 2019-10-28 14:49:24

AlloyDesigner是来自Tencent AlloyTeam的前端开发工具,其只出现开发阶段的一定时期,可以在制作时期,也可以在开发测试期,旨在提高前端开发的效率,获得更加便捷的开发体验。

Vue.js devtools

开发者插件 2019-02-14 09:50:00

Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展。做前端开发的IT工程师应该比较熟悉这款工具,可以边侧边栏窗格中的页面,边检查代码。有关Vue.js的更多

Page Ruler - chrome屏幕尺子插件

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

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

WEB前端助手(FeHelper)

开发者插件 2019-01-25 22:37:24

WEB前端助手:FeHelper是一款chrome浏览器插件。包含一些前端实用的工具,如字符串编解码、代码美化、JSON格式化查看、二维码生成器、编码规范检测、栅格规范检测、网页性能检测、页面取

AngularJS Batarang v0.10.9

开发者插件 2020-12-23 22:54:19

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

推荐十二款Web开发必备的Chrome插件

聚合专题 2021-02-20 12:57:43

之前已经分享过一些帮助 Web 开发人员和设计师的 Chrome 扩展,这次我们继续展示一组很有用的 Chrome 应用程序。这些免费的 Chrome 应用程序可以简化您的工作流程,为了加快您的工作流

AngularJS Batarang v0.10.9同类插件推荐

一键SCM Chrome插件

开发者插件 2015-02-06 08:45:14

一键部署、一键更新Assets、一键同步vm模板、一键打包预发……
仅限XX网内部使用交流…你懂的
一键部署、一键更新Assets、一键同步vm模板、一键打包预发……
仅限XX网内部使用交流…你懂的

网站 IP 信息查询 Chrome插件

开发者插件 2022-05-03 11:20:33

查询当前访问网站的 IP 地址的地理位置,国旗,所属 ASN,端口开放信息等信息。
需要注意的注意事项:
1、安装后,请重新启动浏览器,如果不重启浏览器,可能将无法对已打开

CrapApi-接口调试工具 Chrome插件

开发者插件 2019-04-29 22:21:37

CrapApi接口调试工具是CrapApi接口管理系统的插件,可以单独使用,用于接口调试,也可配合管理系统使用,登录后可直接同步管理系统中的接口。


ApiDebug & CrapApi-Plug(crapApi)区别:
ApiDebug为独立插件,与CrapApi接口管理系统接口数据没有互通,能不依赖服务器运行,服务器仅作数据备份
CrapApi-Plu

扩展管理 Chrome插件

开发者插件 2018-08-07 18:39:02

你可以通过 “扩展管理” 来方便的启用、禁用和删除你的插件。无需进入chrome 自带的 “扩展程序” 页。

支持文字列表、大图标列表、小图标列表多种排列方式,适合不同扩展数量的人群。

能很方便的打开系统功能,如下载页、历史记录页、扩展程序页、插件页、chrome设置页、搜索引擎设置页、清除浏览器缓存页、内容设置页、字体和编码设置页、语言设置页、重置浏览器设置页

ImageZoomer Chrome插件

开发者插件 2014-11-26 16:53:32

放大图像通过按住鼠标右键并滚动鼠标滚轮内联当前页面上。左键点击重置
如何使用:

*保持图像上单击鼠标右键,然后滚动鼠标滚轮来调整图像大小。

*按住右键,左键点击重置图像大小。

*按住右键,中键点击页面上的任何地方创建所有可用图像的覆盖,并自动获取链接的图像。伟大的缩略图画廊!伟大工程,在Reddit上; - )尝试自己: http://www.reddit.com/r/pics/

这些都是Windows的

拷贝为 Markdown Chrome插件

开发者插件 2022-05-03 11:17:48

Just select HTML in your page and then click the the 'M' icon in the extension toolbar, then the markdown content is in your clipboard. Cool?

Also, you can use the shortcut of the extension

为打击盗链困扰,本站已启用公众号人机验证
微信扫码关注公众号,发送"插件"二字获得验证码,验证码5分钟有效。

Chrome插件离线安装方法