Angular state inspector
Helps you debug Angular component state. Supports Angular 1/2+/Ivy!
Τι είναι το Angular state inspector;
Το Angular state inspector είναι ένα πρόσθετο Chrome που αναπτύχθηκε από τον Anton Lunev, και η κύρια λειτουργία του είναι "Helps you debug Angular component state. Supports Angular 1/2+/Ivy!".
Στιγμιότυπα Επέκτασης
Λήψη αρχείου CRX της επέκτασης Angular state inspector
Λήψη αρχείων επέκτασης 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 |
| 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"
}
} | |
