DOM Element Highlighter

Extension Developer Tools8 users

Item media 1 (screenshot) for DOM Element Highlighter

Overview

Visually identify and interact with testable DOM elements on web pages

Visually highlight testable DOM elements on any webpage, making it easy for developers and QA engineers to identify elements with data-id, data-testid attributes, or custom HTML tags. ✨ KEY FEATURES • Automatic Detection - Highlights elements with data-id and data-testid attributes • Smart Filtering - Only shows test IDs with hyphens (filters out auto-generated MUI IDs) • Custom Tags - Configure custom HTML tags to highlight • Keyboard Shortcut - Toggle highlighting with Ctrl+Shift+H (Cmd+Shift+H on Mac) • Non-Intrusive - Overlays don't interfere with page interactions • Smart Positioning - Overlays follow elements during scroll and hide when out of view • Dynamic Detection - Automatically detects newly added elements • Shadow DOM Support - Detects elements inside shadow roots • State Persistence - Remembers your settings across browser sessions 🚀 HOW TO USE 1. Click the extension icon in your toolbar 2. Toggle highlighting ON 3. See blue overlays on all testable elements! Use the keyboard shortcut (Ctrl+Shift+H) to quickly toggle highlighting without opening the popup. 🎯 WHAT GETS HIGHLIGHTED • Elements with data-id attribute (always shown) • Elements with data-testid attribute containing hyphens (filters out auto-generated IDs) • Custom HTML tags you configure Perfect for: • Frontend developers testing their applications • QA engineers identifying test selectors • Teams using data-testid or data-id conventions • Anyone working with automated testing frameworks 🔒 PRIVACY This extension stores your preferences locally in your browser. No data is collected, transmitted, or shared with third parties.

0 out of 5
No ratings
Learn more about results and reviews.

Details

Version
1.0.1
Updated
March 12, 2026
Flag concern
Offered by
abhi7659914656
Size
45.84KiB
Languages
English (United States)
Developer
Email
abhi7659914656@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. To learn more, see the developer’s privacy policy.

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

xPath Helper PRO

5.0

Easily test XPath queries on web pages

Web Inspector

4.6

Use Web Inspector tool as a CSS viewer and website inspector for any page. It is a browser plugin for google chrome inspect element.

Vibe - Detect AI-Generated Websites

5.0

Detects vibecoded websites by analyzing visual patterns and content markers

Freeze Page & Hover Inspector

0.0

Freeze and inspect any web page or hover element.

Element Selector

0.0

Select and highlight elements on a webpage

DOM Blocker

0.0

A powerful tool to block and hide unwanted DOM elements on web pages.

Hidden Eye

3.0

Hide or view HTML elements on a web page.

Accessibility Visualizer by Webability

5.0

Visualize and audit accessibility on any webpage. Inspect landmarks, headings, focus order, ARIA roles, and more.

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.

ABsmartly LaunchPad

0.0

Visual A/B testing extension for ABsmartly. Create DOM-based experiments with drag & drop editing and real-time preview.

HTML Viewer

4.8

Use HTML Viewer to view HTML with an online page-code preview and CSS inspector for website markup analysis

DOM XSS Highlighter — Pro

0.0

Highlights user-controlled reflections in DOM to help detect risky contexts. Run only on sites you own or may test.