Item logo image for DOM Mutation Debugger

DOM Mutation Debugger

5.0(

1 rating

)
Item media 3 (screenshot) for DOM Mutation Debugger
Item media 1 (screenshot) for DOM Mutation Debugger
Item media 2 (screenshot) for DOM Mutation Debugger
Item media 3 (screenshot) for DOM Mutation Debugger
Item media 1 (screenshot) for DOM Mutation Debugger
Item media 1 (screenshot) for DOM Mutation Debugger
Item media 2 (screenshot) for DOM Mutation Debugger
Item media 3 (screenshot) for DOM Mutation Debugger

Overview

Visualise DOM mutations directly on your page - no need to keep DevTools open.

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.

Details

  • Version
    1.0.0
  • Updated
    November 18, 2025
  • Size
    34.04KiB
  • Languages
    English
  • Developer
    Email
    omichuk.apps@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Quick Copy DOM

5.0

Visually select any element on the page and instantly copy its HTML to clipboard. Like DevTools element inspector, but faster.

CSS Pro Editor & Debugger

4.6

Visual CSS styling and debugging tool for developers.

Pause page

3.0

Instantly pause the page when DevTools is open using a keyboard shortcut.

Website Inspector

5.0

Inspect any page: live CSS, contrast, tech stack, SEO X-ray, Core Web Vitals, responsive testing, and exportable audits.

API Monitor

5.0

Monitor web API requests without opening DevTools.

UI Inspector - Visual CSS Editor

4.0

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

WebBox — Element Editor

5.0

Click any element on any webpage to inspect and edit it, without opening dev tools.

Is GitHub Down?

5.0

Shows GitHub status (operational / degraded / down) right in your toolbar.

VisBug

4.8

Open source browser design tools

HTTP Header Inspector - Response Headers & Status Checker

4.0

View HTTP headers, status codes, CORS & security headers without DevTools. Debug API, XHR/fetch requests instantly.

DOM-3D Visualizer

5.0

Visualize DOM structures in 3D and troubleshoot CSS layout issues in DevTools.

WEbd - Live Design Preview

5.0

Preview design changes directly on any live webpage. Replace images, edit text, move elements, and tweak CSS - no code required.

Quick Copy DOM

5.0

Visually select any element on the page and instantly copy its HTML to clipboard. Like DevTools element inspector, but faster.

CSS Pro Editor & Debugger

4.6

Visual CSS styling and debugging tool for developers.

Pause page

3.0

Instantly pause the page when DevTools is open using a keyboard shortcut.

Website Inspector

5.0

Inspect any page: live CSS, contrast, tech stack, SEO X-ray, Core Web Vitals, responsive testing, and exportable audits.

API Monitor

5.0

Monitor web API requests without opening DevTools.

UI Inspector - Visual CSS Editor

4.0

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

WebBox — Element Editor

5.0

Click any element on any webpage to inspect and edit it, without opening dev tools.

Is GitHub Down?

5.0

Shows GitHub status (operational / degraded / down) right in your toolbar.

Google apps