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.
