/dom-update-highlighter

Highlight DOM updates on a webpage

Primary LanguageJavaScript

DOM update highlighter

This WebExtension highlights DOM updates as they happen on a webpage.

Mozilla Add-on Users Chrome Web Store Users donate

It can be used by frontend developers to observe inefficiencies in working with DOM, such as excessive content updates or tree rebuilds.

Video preview

Watch the video

Usage Instructions

See the website.

Cheat sheet

  • Tree updates - red outline
  • Text content updates - green outline
  • Attribute updates - blue outline

Implementation

This extension is powered by MutationObserver API.