两个很好的angular调试工具-——batarang(stable)和ng-inspector

最新推荐文章于 2025-02-20 12:53:08 发布
最新推荐文章于 2025-02-20 12:53:08 发布
阅读量9.2k 收藏 1
点赞数 1
分类专栏： angularjs 文章标签： angular 调试 性能
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010552788/article/details/51330884
版权
本文介绍如何利用Batarang的老版本进行Angular应用的性能分析，并对比Ng-Inspector，展示了如何直观查看Scope层级关系及各表达式的性能表现。
摘要由CSDN通过智能技术生成

这里写图片描述
下面是batarang，选旧版本的安装，新版本没人维护，可以看scope层级关系，还有每个ng表达式的性能等等，支持划范围看scope
右边是ng-insepector，方便直观看scope

chrome浏览器ng-inspector
10-14
ng-inspector for angular ！这款chrome浏览器插件很好用！
ng-inspector for AngularJS-crx插件
04-02
语言:English angularjs应用程序的窗格 ng-inspector是一个浏览器扩展名，显示一个检查器面板，显示当前页面中的Angularjs范围层次实时，以及哪些控制器或指令 与哪个范围有关。 在Inspector中的范围内悬停将突出显示范围附加的DOM元素。 单击模型将控制该模型的内容。 扩展程序在地址栏旁边添加一个按钮，其中Angular Logo打开和关闭窗格。 请在Github Repo中提交错误报告和建议：https:/github.com/rev087/ng-inspector/issues/
AngularJs 调试工具（batarang）离线安装
山野里的小菊花
08-15 3585
因为angular由谷歌接手之后，他们也写了一个关于该框架的调试插件（batarang），但是仅仅只能在谷歌浏览器中使用。 1、首先下载插件 在本人的资源库里面可以下载https://download.csdn.net/download/liuxin00020/10974568 也可以在github上面下载https://github.com/angular/batarang/relea...
angular调试工具-batarang
蒲公英芽的博客
05-11 6975
batarang是一个chorme浏览器的插件，它可以查看作用域、输出调试信息、 以及对性能进行监控。angular不像普通的js，如果抛出错误，只会报angularJs的错，找不到错误代码的位置，借助于batarang可以方便调试angular代码。 1。安装 百度batarang下载后缀为".rxc"的chorme插件，也可以百度网盘下载http://pan.baidu.com/s/1
Vue.js 调试神器：Vue Devtools 安装与使用全攻略
最新发布
bairuoqing的专栏
02-20 1898
Vue Devtools 是一款专为 Vue.js 应用程序设计的调试工具，支持 Chrome 和 Firefox 等主流浏览器。它可以帮助开发者查看组件树结构、监控组件状态、分析性能瓶颈，并支持时间旅行调试。Vue Devtools 支持自定义插件，可以通过扩展其功能来满足特定需求。Vue Devtools 是一款功能强大的调试工具，能够帮助开发者快速定位和解决问题，提升开发效率。通过本文的介绍，你已经掌握了 Vue Devtools 的安装和使用方法。
AngularJS的浏览器插件ng-inspector.zip
07-19
ng-inspector 是 Chrome 和 Safari 的浏览器扩展插件，添加一个检视器面板，帮助开发者开发，调试和理解你的 AngularJS 应用。
ng-inspector.zip
07-31
Angular框架开发时的辅助插件（谷歌浏览器），安装时显示安装包有问题的，在我的博客里面有安装教程
ng-book2-angular-6-r68
06-21
《ng-book2-angular-6-r68》是深入、全面且与时俱进的Angular 6专著，旨在帮助读者成为Angular 6的专家。这本书涵盖了Angular框架的各个方面，从基础概念到高级特性和最佳实践，旨在让读者对Angular 6有深入的理解。...
ng-book2-book-angular-6-r70
10-23
《ng-book2-book-angular-6-r70》是关于Angular 6的一本深入解析书籍，其版本号为r70，意味着它包含了Angular框架在那个时期的最新特性和最佳实践。这本书详细介绍了Angular 6的核心概念、开发流程以及高级用法，是...
基于阿里angular组件NG-ZORRO开发的一套企业后台管理系统模板 目的是简单、方便、快速的搭建一个企业后台管理系统
07-13
基于阿里angular组件NG-ZORRO开发的一套企业后台管理系统模板。目的是简单、方便、快速的搭建一个企业后台管理系统。 在线Deom 模板项目提供了登录页面、动态菜单、session存储、权限路由守卫等功能，您只需要开发...
使用ng-inspector调试Angular页面
u011670910的专栏
05-27 4732
【摘要】 AngularJS是我们部门Web项目最核心最常用的前端开发框架，ng-inspector是一个Chrome扩展插件，可以实时显示scope变量，有效提高调试效率。 【正文】 安装 在Chrome应用商店中搜索ng-inspector后点击安装（需自配梯子），安装完成后会在Chrome工具栏显示相应图标 使用 在使用了AngularJS的页面，点击工具栏ng-inspec
AngularJS检查员「AngularJS Inspector」-crx插件
03-09
扩展开发工具，添加用于调试和分析AngularJS应用程序的工具。基于AngularJS Batarang 扩展了开发人员工具，添加了用于调试和分析AngularJS应用程序的工具。 此扩展基于AngularJS Batarang，可悲的是，大约两年没有对其进行更新。 因此，我正在尝试为AngularJS程序员提供一种工具，该工具将解决当前存在的问题并努力使其变得更好！ 支持语言:English (United States)
检查角度「ng-inspect for Angular」-crx插件
03-09
有助于调试Angular应用程序。扩展devtools中的元素面板以显示组件属性。 帮助调试Angular 4+应用程序 支持语言:English (United States)
Angular state inspector-crx插件
03-24
语言:English 帮助您调试Angular组件状态。 支持Angular 1/2 + / Ivy！ Angular的Angular State Inspector支持Angular的所有版本：-AngularJs-Angular 2+-Angular Ivy-混合应用程序（AngularJs + Angular）扩展了适用于Angular Web应用程序的Chrome开发人员工具。 将新的面板“状态”添加到“元素”选项卡，该面板显示所选元素的状态。 通过调用“ $ state”变量在控制台中打印所选元素的状态。 根据角度版本，它可以显示：-组件状态-指令-上下文，例如ngForOf或ngIf值-事件侦听器（如果它们适用于当前元素）。 Angular State Inspector还允许您在控制台的“状态”面板（双击值）和控制台中修改值（例如$ state.title ='new value'）。 要应用更改，只需在控制台中调用$ apply（）即可。 在chrome控制台中查看所有受支持的命令。 版本1.4：-完全支持angular 9 Ivy api版本1.3：-添加了对Ivy的
angular调试 chrome浏览器插件
01-11
支持最新版angular2+, 目前Aungury1.4版本. 打包完毕,拖拽到chrome扩展程序中使用即可.
使用Augury调试Angular 2应用
culiu9261的博客
07-19 423
介绍 ( Introduction ) Augury is a Google Chrome extension for debugging Angular 2 applications, just like Batarang is for debugging Angular 1.* Apps, and is accessible via the Chrome Dev Tools. Augury...
推荐开源神器：ng-inspector - AngularJS实时调试利器
gitblog_00080的博客
05-17 527
推荐开源神器：ng-inspector - AngularJS实时调试利器 ng-inspectorThe AngularJS inspector pane for your browser项目地址:https://gitcode.com/gh_mirrors/ng/ng-inspector AngularJS作为一款强大的前端开发框架，其复杂性在大型应用中尤为凸显。而调试和理解Scope的层...
AngularJS 前端开发 开发工具下载 集成 NODE 版本管理软件 NVMW 浏览器推荐 (一)
yulizi0215的博客
03-17 259
Spring boot 2.0 前端开发 AngularJS 1 安装node JS 2
ng-inspector 项目教程
gitblog_00394的博客
08-10 324
ng-inspector 项目教程 ng-inspectorThe AngularJS inspector pane for your browser项目地址:https://gitcode.com/gh_mirrors/ng/ng-inspector 项目介绍 ng-inspector 是一个浏览器扩展，支持 Chrome 和 Safari，用于显示 AngularJS 应用的实时作用域层次结...
Angular开发者必备工具：ng-inspector
ng-inspector for Angular作为一个开发工具，它通过减少开发者在开发Angular应用时的调试时间，提高效率和问题诊断的能力，从而提升整个开发过程的生产力。它通过可视化组件和数据绑定的实时更新，使开发者能够迅速...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值