DOM Mutation Debugger icon

DOM Mutation Debugger

v1.0.0 Updated Nov 18, 2025 34.04KiB
CWS
21
Users
★ 5.00
1 reviews
#20916
of 49.5K
developer
#1665 of 3.5K

Description

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.
DOM Mutation Debugger screenshot 1DOM Mutation Debugger screenshot 2DOM Mutation Debugger screenshot 3

Reviews

Loading reviews...

Permissions (3)

Permissions

activeTab Can access the current tab when you click the extension scripting Can inject scripts into web pages storage Can store data locally in your browser

Details

Version 1.0.0
Updated Nov 18, 2025
Size 34.04KiB
First Seen Mar 22, 2026