As we are using angular to develop SPA applications, this chrome extension would be helpful for debugging.
You can add this to your chrome extension from here.
Advantages.
1 1) We would be able to visually select the scope
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGLKa00Eh0SYuzmPgAJXuyiN_eLnUCAm2v4D98_budkndZuX3eyreHpCzsEXnyhnPxrYwRadwNJk20VZDNKtAR4siuFYUxNl2qxjF2h8Lsyam2D9iktoYtqeEhT7CCt1cKP_ymCV4vWIA/s640/AngularDebugging.png)
2 2) We can find the scope when we hover over the UI component.
In this example , when we hover over the grid it shows the array used to run the repeater
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifpPgAdsJBnwQtR6_EfrPuYBIV1m1QR3neyqSr-nf0xsMG8_5UvtsUSn9XtCQUD-Y7Zv7ThknH3-CI9N95N3xC-NXG0rUj2IqTJ0lTTkW90_h4C23MzXrOTjv5G6s0JCs3eDEk6V9NhNs/s640/Scope.png)
3 3) Visually shows the service dependencies
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGbMrABB1KhF1y4VIIpHoUYIj3xTf3258MgCcnKuH9P4XLbeSDpDTUBWe77my-V8BwxTnO4cBGXqJb4Z9pHJnfjj4J26wcblXVcWXjpXsYqF81RgrC8knYWpEm2FcfrlP58TYlwF1Qz9A/s640/ServiceDependencies.png)
4
4)Has performance tab . We can also export JSON data
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Iv6isx7Xp7RsL1bfgP34ZENVsxAqbPt3FR9drQ6sIgZ1wyCgDkmUnKGl7Mn9egaKMVo-UWkJpQQqIRkP3RNdEt3nCnnFlgB98R__BfatfLokOyZ1ZYPvKLgZ4h1r4tOiqoyd8qpm0I4/s320/Perfromance.png)
You can find more information online
No comments:
Post a Comment