Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to visually highlight / catch unnecessary DOM changes in Angular2 app

Tags:

dom

angular

I recently saw the video from Google I/O'17 https://www.youtube.com/watch?v=aCMbSyngXB4 and at 11:30 - 11:40 presenter make some click and after each of them automatically highlights dom elements that are changed with a nice green border and background.

Does some body know some chrome plugin, tool or code snippet that can help me do the same for my Angular2 app? Desirable for the whole app at once (not by adding something to each component)

I want this for performance optimization purpose to easily catch unnecessary DOM changes with my eye. That could happen because of some forgotten impure pipe for example.

like image 651
Artem Avatar asked Sep 20 '25 18:09

Artem


1 Answers

I know one chrome feature which looks like:

enter image description here

like image 140
yurzui Avatar answered Sep 22 '25 10:09

yurzui



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!