DOM Element Highlighter
Visually identify and interact with testable DOM elements on web pages
As of June 2026, DOM Element Highlighter has 11 users in the Developer Tools category.
Usersup 175.0 percent+175.0%
11
11
Ratingno change0%
—
— reviews
Reviewsno change0%
—
Version
1.0.1
Manifest V3
History
9 snapshotsTracking since Apr 4, 2026.
View as table
| Date | Users | Rating | Reviews | Version |
|---|---|---|---|---|
| Apr 4, 2026 | 4 | — | — | 1.0.1 |
| Apr 18, 2026 | 5 | — | — | 1.0.1 |
| Apr 23, 2026 | 13 | — | — | 1.0.1 |
| Apr 28, 2026 | 10 | — | — | 1.0.1 |
| May 5, 2026 | 9 | — | — | 1.0.1 |
| May 11, 2026 | 11 | — | — | 1.0.1 |
| May 23, 2026 | 13 | — | — | 1.0.1 |
| May 29, 2026 | 11 | — | — | 1.0.1 |
| Jun 12, 2026 | 12 | — | — | 1.0.1 |
| Now | 11 | — | — | 1.0.1 |
Permissions & access
- Permissions
- activeTabstorage
- Host access
- None declared
Screenshots
About
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.
Technical
- Version
- 1.0.1
- Manifest
- V3
- Size
- 45.84KiB
- Min Chrome
- 88
- Languages
- 1
- Featured
- No
Metadata
- ID
- iihkmaepadikffajpddiebngjakfbilb
- Developer ID
- u351680fe16cbdba5f5bcaa698cc765e4
- Developer Email
- [email protected]
- Created
- Mar 12, 2026
- Last Updated (Store)
- Mar 12, 2026
- Last Scraped
- Jun 12, 2026
- Website
- —
- Support URL
- —
Similar extensions
Alternatives to DOM Element Highlighter, ranked by description similarity.
Element ID Highlighter
Highlights HTML elements with specific attributes like data-testid for easier debugging and testing
28
Data Attribute Highlighter
Highlight and display data attributes on hover
25
Attribute Highlighter
Highlights all the elements with specific html attribute
38
AttributeScope
Highlight and copy any attribute on web pages with ease. Perfect for developers working with dynamic elements and attributes.
20
★ 5.0
CSS Class Highlighter
Inspect and highlight CSS classes. Hover to inspect, list classes, and highlight elements.
14
CSS-Highlight
Highlight page elements by text content, attribute, or CSS selector — instantly, without opening DevTools.
71
Box Detector
Your Ultimate Website Element Inspector.
17
data-qa Highlighter
Visualize data-qa´s areas in screen when click extension icon.
502
★ 3.7
Data sourced from the Chrome Web Store · last verified Jun 12, 2026.