当前位置: 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的前端开发工具,其只出现开发阶段的一定时期,可以在制作时期,也可以在开发测试期,旨在提高前端开发的效率,获得更加便捷的开发体验。

Page Ruler - chrome屏幕尺子插件

开发者插件 2019-02-22 16:40:30

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 应用程序可以简化您的工作流程,为了加快您的工作流

Adobe DTM Switch

开发者插件 2019-05-19 03:28:04

这个方便的扩展,您可以切换调试模式和分期方式的Adobe动态变量管理器。调试模式...
这个方便的扩展,您可以切换调试模式和分期方式的Adobe动态变量管理器。调试模式启动DTM库打

AngularJS Batarang v0.10.9同类插件推荐

一键SCM Chrome插件

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

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

WebRTC Leak Prevent v1.0.14 Chrome插件

开发者插件 2020-03-11 03:58:50

通过控制隐藏的 WebRTC 隐私设置来防止 Chrome 中的 WebRTC 泄漏。这将防止 WebRTC 泄漏。

这里测试泄漏-https://diafygi.github.io/webrtc-ips/ 仅与 Chrome 版本 42 和基于 42 的铬浏览器兼容。更新的选项至少需要 Chrome 48 版本。基于 WebRTC 的服务可能会受到此扩展的影响。请在离开评

SiteMaster - heatmap Chrome插件

开发者插件 2015-05-26 00:07:28

SiteMaster - heatmap
热图工具是基于国内领先的网站监测工具 SiteMaster 开发的,轻便型网站热力显示插件。可用于已部署 SiteMaster 监测代码的网站查看其页面点击热力情况。支持任意时间段选择,在线下载数据库点击资源绘制。

该扩展程序可以轻松展示网站全页面点击热图,不局限于当前可视化区域。同一页面下,亮度越高说明此处点击次数越多。不同的页面颜色是相对存在,不能实现类比。

打开热图后,可以选择打开穿透来穿透热图复层进行网站操作。扩

Cyano本体钱包中文版 Chrome插件

开发者插件 2020-01-17 05:27:17

Cyano本体钱包中文版,Cyano钱包-本体钱包

与Chrome兼容的本体区块链的网页插件钱包。



安全性

使用此扩展时,请负责。您可以遵循以下一些安全提示:



*将您的资产分为冷(少用)和热(多用)钱包

*定期检查您的余额

*冷钱包使用硬件钱包

Odoo Debug Chrome插件

开发者插件 2019-11-08 20:32:57

Toggle 的调试模式的最小和快速扩展。
可以通过鼠标和键盘快捷键使用
如何使用鼠标?
-点击调试扩展。
-双击带有资产模式的调试扩展。
如何与键盘一起使用? (在 mac 中使用 cmd ⌘)
-按 Ctrl 键。
-按 Ctrl 键..使用资产模式进行调试。 (按住 ctrl 键并按。两次)
您可以从 “设

FirePHP4Chrome Chrome插件

开发者插件 2015-03-13 06:20:03

显示FirePHP在Chrome开发者控制台
你生病老发现,过时扩展在Chrome FirePHP消息日志消息?你来回切换到Firefox只使用Wildfire的服务?嗯 - 没了!安装这个扩展

我学到了很多来自其他扩展名是在那里 - !但过时。即使是谷歌自己的样本文件没有为我工作。但是,现在我们有一个解决方案来获得在谷歌Chrome浏览器的开发者工具的控制台窗口FirePHP消息。哦 - 它甚至不需要实验扩展启用!Show",1,[["显示",1000,false,false

Iconfont Tool Chrome插件

开发者插件 2019-11-26 02:42:45

为 http://iconfont.cn/ 网站开发的一个插件,用来扩展已有功能。
1.4.3:
适配网页结构修改

1.4.2:
适配网页信息修改

1.4.1:
增加1:1的分辨率选项

1.4:
* 增加分辨率控制(dp),在配置文件中存储代码像素,插件界面呈现视觉像素。

1.3.3:<

Personalized Web Chrome插件

开发者插件 2019-05-18 08:23:30

动态个性化网页的强大工具。可以在浏览器加载给定网页时将自定义 HTML 、 JavaScript 和 CSS 注入该网页。作为 AdBlocker 工具非常有效。可以通过阻止浏览器加载和呈现网页中不想要的部分来显著减少页面加载时间: 大多数不想要的 HTTP 请求甚至不会向网络发出!这种广告拦截器解决方案与那些只隐藏带有 CSS 样式的广告的解决方案非常不同。
将定期更新 “标准广告拦截

Webug Chrome插件

开发者插件 2015-05-10 07:14:27

FirePHP扩展谷歌Chrome浏览器
PHP调试工具,谷歌Chrome浏览器(最初端口的` FirePHP` )

1.3.1
地址:宣布头大小的限制( @weirdan )

1.3.0
添加:支持部分野火头( @weirdan )

1.2.9
地址:表输出

1.2.8
地址:输出文件名和行号控制台