Dom Mutation Debugger

Have you ever noticed elements blinking in DevTools with every change?
Now, all those changes visualised directly on your website's UI!

Features
- Highlights elements as changes happen.
- Tooltips nearby display detailed mutation info.
- Click on a tooltip saves mutation data as a global variable.
- Customisable behaviour:
- Filter by mutation type
- Group mutations by nearest custom component
- Adjust throttle.
- Supports light and dark themes.
- Sentry Mode for silent continuous monitoring of rapid re-renders.

Privacy
This extension does not collect or share any personal data.
---
Documentation

Sentry mode
- Pauses visualisation until a single element changes rapidly.
- Perfect for catching unexpected re-renders in a loop.
- You can save any discovered issues and return later to resolve them.

Tooltip structure (from top to bottom)
- Element name.
- Number of mutations emitted by the element.
- Mutation type (child added/removed, text, attribute).
- Selector.

Global object $dmd
- Stores up to 10 latest saved mutations.
- Each record contains reference to a mutated element, selector of the element and mutation type.