Angular state inspector

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

Apa itu Angular state inspector?

Angular state inspector adalah ekstensi Chrome yang dikembangkan oleh Anton Lunev, dan fitur utamanya adalah "Helps you debug Angular component state. Supports Angular 1/2+/Ivy!".

Screenshot Ekstensi

screenshot
screenshot

Unduh Berkas CRX Ekstensi Angular state inspector

Unduh file ekstensi Angular state inspector dalam format crx, pasang ekstensi Chrome secara manual di peramban, atau bagikan file crx dengan teman untuk menginstal ekstensi Chrome dengan mudah.

Petunjuk Penggunaan Ekstensi

                        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                    

Informasi Dasar Ekstensi

Nama Angular state inspector Angular state inspector
ID nelkodgfpddgpdbcjinaaalphkfffbem
URL Resmi https://chromewebstore.google.com/detail/angular-state-inspector/nelkodgfpddgpdbcjinaaalphkfffbem
Deskripsi Helps you debug Angular component state. Supports Angular 1/2+/Ivy!
Ukuran File 36.35 KB
Jumlah Instalasi 35,245
Versi Saat Ini 1.4.6
Terakhir Diperbarui 2021-08-23
Tanggal Publikasi 2020-05-17
Penilaian 4.73/5 Total 60 Penilaian
Pengembang Anton Lunev
Email [email protected]
Tipe Pembayaran free
Situs Ekstensi https://github.com/anton-lunev/angular-state-inspector
Bahasa yang Didukung 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"
    }
}