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

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

Formily DevTools (v3)

0.0

Formily DevTools (v3) for debugging application's state changes.

UI Testing Inspector

5.0

Compare visual changes before and after making updates to web pages with detailed diff reports and DOM analysis.

Web Component DevTools

4.3

Developer tooling for Web Components and Web Component Libraries

Github Html Preview

5.0

Instantly preview HTML files on GitHub with our Chrome extension. One-click preview and easy access!

GitHub Web IDE

4.7

Open GitHub repositories in online web IDE

AidKit for Webflow

5.0

Unlock a suite of tools made for Webflow developers. Customize & automate your development process using industry best practices.

UI Inspector - Visual CSS Editor

3.7

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

Vue Devtools Unlocker

5.0

Enable Vue DevTools in production environments

VisBug

4.8

Open source browser design tools

Gimli Tailwind

4.6

A DevTools extension enabling smart tools for Tailwind CSS.

SiteLint - Web Audit Tools

5.0

Fast, offline audits for Accessibility, Performance, Security & Technical SEO inside DevTools and Side Panel.

Svelte DevTools

3.3

Browser DevTools extension for debugging Svelte applications.

Formily DevTools (v3)

0.0

Formily DevTools (v3) for debugging application's state changes.

UI Testing Inspector

5.0

Compare visual changes before and after making updates to web pages with detailed diff reports and DOM analysis.

Web Component DevTools

4.3

Developer tooling for Web Components and Web Component Libraries

Github Html Preview

5.0

Instantly preview HTML files on GitHub with our Chrome extension. One-click preview and easy access!

GitHub Web IDE

4.7

Open GitHub repositories in online web IDE

AidKit for Webflow

5.0

Unlock a suite of tools made for Webflow developers. Customize & automate your development process using industry best practices.

UI Inspector - Visual CSS Editor

3.7

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

Vue Devtools Unlocker

5.0

Enable Vue DevTools in production environments

Google apps