Ng Inspector A Helpful Pane For The Developers
Posted By : Sachin Arora | 17-Dec-2017
Ng-Inspector is a extension providede by the browsers like google chrome, firefox and safari which adds an inspector pane to help us develop,debug and understand our angularJs applications. Ng-Inspector is light-weight and very simple and sits on the top of your browser or website showing different scopes and their values.Click a value and it will console.log() it for you.
Features
1. SCOPES :- We can see whole scope hierarchy in your angularJs application.Clicking on the scopes in the pane to console.log their assigned DOM nodes.
2. DOM Highlighting :- As we take mouse over the scopes in the ng-inspector pane their DOM nodes gets highlighted in the page to indicate that it is that particular node on which we mouseovered similar like when we inspect in our browser on our html selecting the arrow it highlights the particular part of the page when we hover over it.
3. Controllers,Directives :- Ng-inspector displays and helps in identifying along with each scope the controllers and directives which are triggered it's creation.
4. MODELS :- Ng-Inspector shows all the the scope's models,their types and values. you just simply need to click on the model in ng-inspector pane to console.log their values, this is pretty handy and helpful.
5. REAL TIME :- As you interact with your application,ng-inspector updates everything in real time.
So,above are some features of ng-inspector that suggests that it is a pretty handy and helpful extension while developing angularJs applications, that helps learning the structure of yourr application and models of the application.
Cookies are important to the proper functioning of a site. To improve your experience, we use cookies to remember log-in details and provide secure log-in, collect statistics to optimize site functionality, and deliver content tailored to your interests. Click Agree and Proceed to accept cookies and go directly to the site or click on View Cookie Settings to see detailed descriptions of the types of cookies and choose whether to accept certain cookies while on the site.
About Author
Sachin Arora
Sachin is ambitious and hardworking individual with broad skills,He have the capabilities to build captivating UI applications . One of his key strength is building a strong bond with the team in order to deliver the best results on time .