Angular state inspector
Inspect State of the Angular components easily
What is Angular state inspector?
The 'Angular State Inspector' is a Firefox extension specially designed for Angular developers. It adds a 'State' panel within the 'Inspector' view, permitting developers to easily probe the internal structure of components as simple objects. It is essential to note that it operates optimally when Angular is in Dev mode, making it ideal for use on local running dev servers.
This add-on adds a small "State" panel to the inspector view, that allows you to inspect a component internals directly as a simple object. Note: extension works only with DEV mode of Angular. The best case where you can use it - localy with running dev server.
How to use:
- Install an add-on
- "ng serve" your angular application
- On page of your app open devtools and check "State" panel INSIDE "Inspector" view
User reviews summary
- Can inspect the state in the Inspector tool on a locally running Angular project
- Functional and an effective way to debug in angular on Firefox
- Helped users switch from Chrome to Firefox
- Not as convenient as other dev tools such as for Vue or React
- Application's interface sometimes breaks
- Difficult to use because the 'State' tab is located at the very end of the inspector panel
- Lack of usage instructions or screenshots
- Useful for debugging Angular projects
- Difficulties with navigation
- Not working in Firefox
Angular state inspector is relatively safe to use as it requires very minimum permissions.
Angular state inspector has earned a fairly good reputation and likely can be trusted.