当前位置: 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插件

聚合专题 2019-02-20 11:41:00

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

Adobe DTM Switch

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

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

AngularJS Batarang v0.10.9同类插件推荐

ARChon Runtime APK for Chrome Chrome插件

开发者插件 2019-05-07 08:24:21

在 OS X 中运行 Chrome 中的 Android 应用程序, linux 和 Windows
Chrome 的 ARChon 运行时 APK 是直接从手机创建定制 Chrome ARChon 时间数据包的一种方便方式。
您可以从手机上的 APK 或手机上的应用程序中创建 chrome 包! 打开应用程序,从列表中选择 APK 或应用程序。从 APK 中提取应用程序名

IP Whois & Flags Chrome & Websites Rating v4.0 Chrome插件

开发者插件 2019-12-30 17:20:12

任何网站上的完整信息-显示显示网站物理位置的国家标志-网站受欢迎程度 (实时访问者统计)。显示每天访问任何世界网站的用户数量
-网站 ip v4 地址
-网站 IPv6 地址
-网站位置
(国家有国旗的州,城市)
-主机名
-DNS 信息
-域名服务器
-Whois 所有者信息
-托管公司网站服务器/托管可

JSON Viewer v0.18.0 Chrome插件

开发者插件 2019-12-09 02:49:47

它是用于打印 JSON 和 JSONP 的 Chrome 扩展。注意:
* 此扩展可能会与其他 JSON 荧光笔/格式化程序一起崩溃, 您可能需要禁用它们来突出显示本地文件和匿名标签,当插件更新 chrome 时,您必须手动启用扩展页面上的这些选项让旧的后台进程运行并撤销一些选项,像访问本地文件一样。当这种情况发生时,只需重新选中 “一切都将再次工作” 选项,
* 就可以在本

GistBox Clipper Chrome插件

开发者插件 2015-01-10 12:14:51

从网络上的任何地方保存代码片段。同伴扩展
GistBoxApp.com 。 GistBox快船是同伴扩展GistBox ,最美丽的方式来组织代码片段。它允许用户从网络上的任何页面创建一个GitHub的要点

另存为 - 吉斯特按钮:
GistBox快船将插入一个另存为 - 吉斯特按钮进入顶级任何代码块就可以找到合适的角落。点击按钮启动新要点编辑和创建当场一个新片段中,不用离开页面。作品真的很好用这样的网站StackOverflow的

右键单击上下

Websecurify Chrome插件

开发者插件 2015-02-12 08:37:09

Websecurify是一个强大的跨平台Web安全测试工具从头开始设计与头脑简单。
「这是Websecurify套房伴侣浏览器扩展为谷歌Chrome浏览器」

Websecurify套房是收集可从您的浏览器内的Web应用程序的安全工具。该套件易于使用,快速,高效,可靠,随时可用。

★集成了您的
您不必启动另一个进程,如果你想执行最常用的工具Web应用程序安全评估。如果你是一个开发者,我们的套房将作为容易接触到你的内置Chrome和Firef

发布地址二维码生成器 Chrome插件

开发者插件 2016-06-11 19:03:47

可以用来生成发布地址、短链接和二维码
一个专为TMT打造的用来生成在线预览地址及二维码的谷歌插件,你只需要输入你项目所在的文件夹地址,即可获得其在线的预览地址和相应的二维码。