如何在 Angular2 应用程序中直观地突出显示/捕获不必要的 DOM 更改

Question

我最近看到了 Google I/O'17 https://www.youtube.com/watch?v=aCMbSyngXB4的视频，在 11:30 - 11:40 演示者进行了一些点击，然后在每个视频之后自动突出显示 dom 元素更改为漂亮的绿色边框和背景。

有人知道一些 chrome 插件、工具或代码片段可以帮助我为我的 Angular2 应用程序做同样的事情吗？适合整个应用程序一次（而不是向每个组件添加一些东西）

我希望这是出于性能优化的目的，以便用我的眼睛轻松捕获不必要的 DOM 更改。例如，由于某些被遗忘的不纯管道，可能会发生这种情况。

Answer 1

我知道一项 Chrome 功能如下：