When building web applications using frameworks like Angular, React, and so on, there is always a lot of magic happening behind the scenes. This is all great until the moment it doesn’t work…
One tool that helped me a lot in investigating what’s going on inside the browser, is the DOMListener Chrome extension:
DOMListener is a simple tool that provides convenient interface for observing DOM changes (node removal and addition, attribute and text modifications). Events can be filtered with ease, affected nodes can be highlighted with a single click.