在 DevTools 中检查和修改 Angular 组件状态

Angular 状态检查器,由 Anton Lunev 开发,是一个 Firefox 浏览器扩展,旨在暴露 Angular 应用程序的内部以进行调试和检查。该应用程序在浏览器开发者工具中显示组件属性、状态管理存储和组件树,以便开发人员可以实时检查和编辑状态。它支持 NgRx、NGXS 和 Akita,通过现代 Angular 在混合应用中处理 AngularJS,并与控制台集成。旨在为调试复杂状态和迁移的 Angular 开发人员提供支持。

Angular 状态检查器用于什么?

该工具集成到浏览器开发者工具中,暴露组件级数据,能够 实时检查和就地编辑 组件属性和状态存储。它呈现组件树,让开发者选择元素以查看相关数据,并通过全局变量如 $scope$ctrl 将选定的组件暴露给控制台。典型的调试任务包括:

  • 跟踪组件之间的数据流
  • 编辑属性以观察即时的 UI 变化

它支持哪些编程语言和状态库?

针对 Angular 生态系统,该应用明确支持遗留的 AngularJS 以及 Angular 2 和后续的 Angular 版本,因此维护旧代码或迁移模块的团队可以使用相同的检查器。它与状态管理库直接集成,特别是 NgRx、NGXS 和 Akita,因此开发者可以在不为每种模式安装单独工具的情况下检查存储快照和组件状态。

它适合在复杂或混合 Angular 项目上工作的开发者吗?

该扩展旨在面向专注于 Angular 迁移和状态调试的网页开发者和软件工程师;它支持混合的 AngularJS 加现代设置,并可在 Firefox 和基于 Chromium 的浏览器上使用。该项目在 GitHub 上是开源的,由 Anton Lunev 维护,社区反馈积极。这种组合使得该工具适合接受基于扩展的工作流程并偏好可见源代码和社区讨论的团队。

Angular 工程师的实用选择,具有维护权衡

该工具适合依赖浏览器调试和社区维护工具的个人开发者和小团队,因为它是由单个独立开发者维护的开源扩展。需要保证更新计划或正式支持的企业团队应将其视为检查工具,而不是核心依赖项。在将扩展集成到标准调试程序之前,请在暂存构建上验证扩展并查看项目存储库。

  • 赞成

    • 组件属性的实时检查和就地编辑
    • 支持 NgRx、NGXS 和 Akita 存储
    • 处理混合的 AngularJS 和现代 Angular 应用程序
    • 控制台集成通过 $scope 或 $ctrl 暴露选定的组件
  • 反对

    • 由一位独立开发者维护,这可能会影响支持。
    • 需要基于DevTools的工作流程;没有独立的检查器应用程序
 0/1

应用参数

  • 许可证

    免费

  • 版本

    1.4.6

  • 更新日期

  • 平台

    firefox

  • 大小

    42.45 KB

  • 开发者

应用程式 提供其他语言版本



用户对 Angular state inspector 的评分

您是否尝试过 Angular state inspector?成为第一个离开您的意见!

添加评论

适用于 Mozilla Firefox mods 热门

Web 开发 Mozilla Firefox 平台热门下载

Web 开发 Mozilla Firefox 平台热门下载

Web 开发 Mozilla Firefox 平台热门下载

Angular state inspector 相关主题

有关使用此软件的法律因国家/地区而异。 如果违反这些法律,我们不鼓励或纵容此程序的使用。
Softonic

Angular state inspector安全吗?

100/100

扫描结果: 清洁

该文件通过使用VirusTotal技术进行的全面安全扫描。可以安全下载。

  • 无病毒
  • 无间谍软件
  • 无恶意软件
  • 由安全合作伙伴验证

    Logo VirusTotal

扫描信息

最后扫描
2026年6月8日星期一
扫描提供者
VirusTotal · 完整报告

文件完整性

文件
1.4.6.xpi
SHA256
0339b71bb7f1a007b98b635f86fd4290adf4bcd3182d18463297aea6c5f69ef5
SHA1
9c1ee5daa30cc0d1c8ae0e2b23ec07f2153938a9

Softonic安全承诺

Angular state inspector已经过我们先进安全系统的彻底扫描,并经过行业领先合作伙伴的验证。该文件来自官方开发者,已通过我们所有的安全检查,未显示病毒、恶意软件或间谍软件的迹象。 欲了解更多信息,请访问我们的安全与信任中心