当前位置: 首页  >  下载站  >  插件扩展  >  Chrome插件  >  Angular调试插件AngularJS Batarang

Angular调试插件AngularJS Batarang

Angular调试插件AngularJS Batarang

angularjs batarang插件是一款功能强大的可以安装到谷歌浏览器上使用的Angular调试插件,安装使用这款angularjs batarang插件可以让你在开发过程中更加便捷。
分类:   插件扩展 /  Chrome插件 发布时间:  2020-04-10 访问量:  8808
下载量:  46
点击下载
更多>

最新下载

谷歌浏览器插件Selenium IDE开源的WEB自动化工具

Selenium IDE是一个开源的web自动化工具,通过工具的录制来创建测试用例,整个测试用例的执行过程,通俗点说就是【录制与回放】优点:不需要任何编程逻辑来编写其测试脚本,只需用工具记录与浏览器的交互【测试人员的手工测试操作过程】创建测试用例缺点:只能在Firefox/Chrome上面使用,对于测试系统兼容性不友好使用录制与回放来执行测试用例稳定性有限遇到交互性特强的模块需要录制多个用例,故对
0 2026-01-11

谷歌浏览器插件ARC Welder ARC 模拟器在Chrome上调用Android APK(介绍2020年最新使用方法)

ARC Welder是一款能够在chrome浏览器上运行安卓app的浏览器插件。运行Arc Welder 还需要安装App Runtime for Chrome,使用介绍中已经有提到,并且提供了360云盘中的下载地址。要求Chrome版本至少为40以上Package Android APKs for ARC (App Runtime for Chrome)Introducing ARC Welde
0 2026-01-11

谷歌浏览器插件Enhanced GitHub(原 GitHub Plus)方便下载Github项目内的单个文件

Enhanced GitHub(原GitHub Plus)是一款可以帮你下载代码仓库单个文件的Chrome插件,这款插件可以显示代码仓库的大小,以及其中每个文件的大小和下载链接,这样一来你就不用为了下载某个文件而下载整个项目源码了。Display repo size, size of each file, download link and option to copy file contents
0 2026-01-11

谷歌浏览器插件Designer Tools 测量并对齐Chrome中元素的前端开发插件

Designer Tools 是一款帮助前端开发工程师帮助测量对齐网页元素的工具,使用插件的标尺、指南、元素对齐和空间测量等功能可轻松创建视觉上吸引人的精确设计。通过添加网格、保存、移动、删除辅助线和更改设置的功能,可以更好地控制设计过程。
0 2026-01-10

谷歌浏览器插件AdSense Active View Monitor 帮助站长监控Adsense Active View请求

AdSense Active View Monitor 是一款站长辅助工具,帮助站长在其网站上出现Adsense Active View请求时进行监控的实用程序。这样,就可以优化网页布局,以确保其广告单元的最佳性能,特别是“活动视图可查看性”指标。一旦任何广告单元导致AdSense Active View确认该单元已被查看,此扩展将通知您。此时,广告位ID和页面URL显示在Chrome通知中。
0 2026-01-10

谷歌浏览器插件WooRank SEO网页优化分析工具 跨境电商插件

WooRank是一个专门的SEO分析工具,优化网页以增加总体流量和可见性。使用该工具可以爬取高达到1000个页面,可以发现各种页面问题、可浏览性和可用性问题。它还能够显示未被数据库索引的页面或隐藏得太深的页面,这使您有机会更改出现在搜索引擎结果页面中的关键数据点,查询当前页面上正在推广的关键字,并检查页面的结构化数据、移动性和页面速率问题。使用WooRank,可以检查许多指标。WooRank可以查
0 2026-01-10

Wappalyzer 帮助开发者了解当前网页使用了哪些技术

Wappalyzer 是一个网站技术检测工具,帮助开发者了解当前网页使用了哪些技术,以更好地衡量自己的项目中该使用什么技术。尤其了解竞品使用什么技术栈,避免踩坑。例如服务器端语言、客户端脚本、数据库、API 等等当然,即使你不是开发者,平时留意一下哪些框架技术使用比较多,对于拓宽自己的知识边界也非常有帮助。
0 2026-01-10

谷歌浏览器插件Extension SEO Chrome by Uplix.fr 分析、研究、优化SEO的工具

Extension SEO Chrome by Uplix.fr 是一款网页SEO工具,帮助站长或网站营销人员查看当前网页的SEO情况,比如标题描述、元标签信息、SEMRush、SEObserver、SISTRIX、Ahrefs和bien d’autres,如果你是一位SEO专业人员,从事SEO工作的话,这是一款值得推荐的插件。
0 2026-01-10

谷歌浏览器插件Live color picker 网页拾色器 支持十六进制、RGB、HSV格式

简单的颜色选择器应用程序允许您从浏览器选项卡中检测(抓取)颜色Live color picker 是一款可以实时从网页拾取颜色的插件,检测(抓取)颜色,并以任何格式复制。它使用起来也很简单——点击扩展图标并开始工作。主要特点是:支持几种常用格式:十六进制、RGB、HSV从页面中选择颜色:红色、绿色、蓝色(RGB)滚轮可调整所选只需单击即可复制颜色,方便在设计中使用它们。
0 2026-01-09

Mobile View Switcher 一键切换ChromePC版至移动版浏览效果

安装后单击插件栏的手机样式图标按钮就可以切换到移动视图。Mobile View Switcher是一个lite扩展,允许您将网站切换到Mobile View。默认的移动视图是iPhone和iOS 11,但您可以从选项页进行更改。只需添加所需的用户代理即可将移动视图更改为所需的视图。有许多网站为各种设备提供用户代理字符串。只需在选项页的指定区域复制并粘贴所需的选项。然后重新加载任何网站以查看移动视图
0 2026-01-09
更多>

最新教程

下载首页 / 插件下载 / Chrome插件

如今从事前端开发,大行其道的MVVM框架,决计是绕不过去的存在。那么以下是三大流行框架 Devtools,如需自取。Vue.js devtools、AngularJS BatarangReact 、Developer Tools。本文主要介绍的就是AngularJS Batarang

AngularJS Batarang插件使用方法

  1. AngularJS Batarang插件离线安装的方法参照一下方法:老版本chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本站下载的插件,并拖入扩展程序页即可。

1586507958(1).jpg


2.最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,请百度参照:Chrome插件安装时出现"CRX-HEADER-INVALID"解决方法,安装好后即可使用。

1586508022(1).jpg


3.安装完毕后图标会出现在插件栏里。

1586508039(1).jpg


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

1586508055(1).jpg


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

1586508067(1).jpg


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

1586508085(1).jpg


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


8.最后是options页面。有三个选项:”show applications,” “show scopes,” 和 “show bindings.”。每个选项勾选时,在debugger时,相应的内容会在页面高亮。1586508124(1).jpg


9.如有任何问题,请查看help1586508140(1).jpg


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



本站所有资源都是由网友投搞发布,或转载各大下载站,请自行检测软件的完整性!本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架,联系方式:admin@php.cn

相关推荐

热门下载

谷歌浏览器插件Quicker Connector Quicker软件配套的浏览器插件

Quicker Connector 是Quicker软件的浏览器插件,使用户可以通过Quicker动作控制浏览器或网页实现自动化操作。需要结合Quicker软件1.29.0+版本使用。如果您没有使用Quicker软件(https://getquicker.net),请勿安装此插件。Quicker Connector v0.7.4.0上次更新日期:2023年12月4日
Chrome插件
2025-12-25

谷歌浏览器插件Chrome Extension Downloader 下载Chrome商店的CRX文件

Chrome Extension Downloader 这款工具可以根据您的选择,直接以.crx或.zip文件的形式下载Chrome扩展文件。(1) 根据您的选择,直接以.crx或.zip文件的形式下载Chrome扩展文件。(2) 在线提取并查看Chrome扩展文件的源代码。此扩展不包含任何跟踪源代码或广告代码。您还可以通过使用相同的扩展下载扩展来检查是否注入了任何跟踪或广告代码。根据您的需要,您
Chrome插件
2025-12-25

谷歌浏览器插件NoFollow Simple 用黄色虚线框标注网页上的nofollow文字和图片链接

NoFollow Simple 可以理解成《NoFollow》的简洁版,没有设置项,安装插件后,打开网页,会自动标注网页上加了nofollow的文字链接和图片链接。如果你想要更多选项的扩展,如网站过滤,为链接设置自己的CSS样式,当发现nofollow或noindex元标签时显示信息框,请查看开发者的另一个《NoFollow插件》。
Chrome插件
2025-12-27

谷歌浏览器插件Storage Area Explorer 用于Chrome打包应用程序和扩展的存储区域的简单编辑器

Storage Area Explorer 是一款Chrome开发者工具,用于Chrome打包应用程序和扩展的存储区域的简单编辑器。此扩展仅对扩展开发人员有用,如果您不是开发人员,不要安装这个插件。提示:插件安装成功后,F12键打开Devtool,切换到“Storage Area Explorer”选项卡。
Chrome插件
2025-12-27

谷歌浏览器插件FATREL SEO工具 高亮网页上的NoFollow链接

FATREL 是一款SEO工具,安装插件后,方便你可以在浏览器网页上直观的查看到nofollow链接,针对网页上的nofollow链接,插件会标注红色框框,分辨起来显得更加容易。不止是nofollow,还支持查看Rel=nofollow, Rel=sponsored and Rel=ugc …… nofollow含义:如果你是网页优化新手,可以了解,nofollow的意思是向谷歌发出信号,表示他们
Chrome插件
2025-12-27

谷歌浏览器插件CSS Peeper 提取网页CSS并构建漂亮的样式

CSS Peeper是一款前端开发者插件,是为设计师定制的CSS查看器。使用CSS Peeper 访问有用的样式,让设计师专注于设计,并尽可能少地花时间挖掘代码。有没有想过网站上的行高、字体或按钮大小是多少?我们为您提供满足您好奇心的终极工具。CSS Peeper 可以让您能够以最简单的方式检查代码,检查web上对象、颜色和资源的隐藏CSS样式。
Chrome插件
2025-12-27

谷歌浏览器插件WP Hive为WordPress.ORG显示插件报告

WP Hive是一款针对用WordPress建站用户的插件,利用WP Hive的自有数据在WordPress.ORG的插件页为插件显示一个数据报告。
Chrome插件
2025-12-29

谷歌浏览器插件AMP Validator 谷歌官方提供的AMP验证器

AMP Validator 是一款 AMP验证器插件,是由谷歌官方提供的。AMP即移动网页加速,其将资源托管在谷歌实现用户点击秒开无需等待。The AMP Validator will check the current page to see if it is an AMP page and then run it through the AMP validator and report if
Chrome插件
2025-12-29

谷歌浏览器插件RESTMan 用于处理http请求的浏览器扩展

RESTMan是通过http和https处理RESTAPI的扩展。如何使用单击任务栏上显示的RESTMan图标。在主输入字段中键入url,然后选择要使用的方法:GET/POST/PUT/DELETE/PATCH。单击箭头“发送”或按Ctrl+Enter。
Chrome插件
2025-12-29

谷歌浏览器插件JSON Viewer Pro 可视化JSON

JSON Viewer Pro是一款可视化JSON信息的插件,增强了JSON的易读性,插件无广告且免费。A completely free extension to visualise JSON response in awesome Tree and Chart view with great user experience and options. ✅…A completely free ex
Chrome插件
2025-12-30
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号