Angular state inspector

Helps you debug Angular component state. Supports Angular 1/2+/Ivy!

什么是Angular state inspector?

Angular state inspector是由Anton Lunev开发的Chrome扩展程序,该扩展的主要功能是“Helps you debug Angular component state. Supports Angular 1/2+/Ivy!”。

扩展截图

screenshot
screenshot

下载Angular state inspector扩展crx文件

下载Angular state inspector扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        Angular State Inspector for Angular

Supports all versions of Angular:
 - AngularJs
 - Angular 2+
 - Angular Ivy
 - Hybrid apps (AngularJs + Angular)

Extends the Chrome Developer Tools for Angular web apps.
Adds new panel "State" to Elements tab, that displays the state of selected element.
Prints state of selected element in console by calling "$state" variable.
 
Depending on angular version it can show: 
  - Component state
  - Directives
  - Context, like ngForOf or ngIf values
  - Event listeners
If they are applicable to the current element.

Angular State Inspector also allows you to modify the values in the "State" panel (double click on value) and from console(e.g. $state.title = 'new value'). 
To apply changes just call $apply() in console.
See all supported commands in chrome console.

Version 1.4.6:
- Show info message if $ctrl is not available in selected scope.
- Update $state object even if it's not available.
Version 1.4.5:
 - [ivy] Show info from ng.getComponent(). If it's null then show OwningComponent state.
Version 1.4.4:
 - update extension logo
Version 1.4.3:
 - Return result emoji on `$apply()` call
Version 1.4.2:
 - Fixed props editing and change detection
Version 1.4.1:
 - Print always up to date state in console
Version 1.4:
 - Full support angular 9 Ivy api
Version 1.3:
 - Added experimental support of Ivy
 - Added shortcuts that you can use in console                    

扩展基本信息

名称 Angular state inspector Angular state inspector
ID nelkodgfpddgpdbcjinaaalphkfffbem
官方URL https://chromewebstore.google.com/detail/angular-state-inspector/nelkodgfpddgpdbcjinaaalphkfffbem
简介 Helps you debug Angular component state. Supports Angular 1/2+/Ivy!
文件大小 36.35 KB
安装次数 35,245
当前版本 1.4.6
更新时间 2021-08-23
上架时间 2020-05-17
评分 4.73/5 共60次评分
开发者 Anton Lunev
电子邮箱 [email protected]
付费类型 free
扩展官网 https://github.com/anton-lunev/angular-state-inspector
支持的语言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "Angular state inspector",
    "description": "Helps you debug Angular component state. Supports Angular 1\/2+\/Ivy!",
    "version": "1.4.6",
    "devtools_page": "index.html",
    "author": "Anton Lunev",
    "icons": {
        "16": "img\/icons\/angular-16.png",
        "48": "img\/icons\/angular-48.png",
        "128": "img\/icons\/angular-128.png"
    }
}