Diver
Adds colorful outlines to all DOM elements for easy page structure visualization and debugging.
As of May 2026, Diver has 35 users and a 5.00/5 rating from 8 reviews in the Developer Tools category.
Usersup 12.9 percent+12.9%
35
35
Ratingno change0%
5.00
8 reviews
Reviewsno change0%
8
Version
0.0.3
Manifest V3
History
5 snapshotsTracking since Apr 1, 2026.
View as table
| Date | Users | Rating | Reviews | Version |
|---|---|---|---|---|
| Apr 1, 2026 | 31 | 5.00 | 8 | 0.0.3 |
| Apr 20, 2026 | 30 | 5.00 | 8 | 0.0.3 |
| May 6, 2026 | 34 | 5.00 | 8 | 0.0.3 |
| May 17, 2026 | 33 | 5.00 | 8 | 0.0.3 |
| May 30, 2026 | 36 | 5.00 | 8 | 0.0.3 |
| Now | 35 | 5.00 | 8 | 0.0.3 |
Permissions & access
- Permissions
- activeTabscripting
- Host access
- None declared
Screenshots
About
Instantly visualize DOM structure with colorful element outlines Diver reveals the hidden architecture of any webpage with one click. Transform complex layouts into clear, color-coded visual maps perfect for developers, designers, and QA engineers debugging CSS and understanding page structure. Key features: • One-click activation toggles colorful outlines for all DOM elements • Cross-frame support works inside iframes and embedded content • Zero performance impact with lightweight logics • Visual feedback with clear ON/OFF badge • Universal compatibility works on any website or framework Why developers choose Diver: • Debug layout issues instantly - spot overlapping elements and positioning conflicts • Understand complex CSS - see nested divs, flexbox containers, and grid layouts • Speed up development - no more inspecting elements one by one • Test responsive designs - identify how components break across screen sizes • Onboard faster - new team members understand codebases visually Perfect for: - Frontend developers debugging CSS layouts - UI/UX designers reviewing implementation accuracy - QA engineers testing responsive behavior - Students learning web development - Anyone reverse-engineering web structures Transform complex web pages into clear visual blueprints.
Technical
- Version
- 0.0.3
- Manifest
- V3
- Size
- 12.19KiB
- Min Chrome
- 88
- Languages
- 1
- Featured
- No
Metadata
- ID
- onfnfdmnccoaknhjinebmlncejnofhoc
- Developer ID
- u4df90e219ec3d756cf9eb5b90110a262
- Developer Email
- [email protected]
- Created
- Jun 29, 2023
- Last Updated (Store)
- Jul 27, 2025
- Last Scraped
- May 30, 2026
- Website
- —
- Support URL
- https://github.com/thoughtlessmind/diver
- Privacy Policy
- —
Similar extensions
Alternatives to Diver, ranked by description similarity.
Outliner - HTML Element Inspector
Professional HTML element inspector with custom outlines. Perfect for web developers to visualize page structure.
55
★ 5.0
Element Outliner
Visualize HTML structure with color-coded outlines and detailed element inspection. Perfect for CSS debugging and layout analysis.
43
★ 5.0
DOM Structure Visualizer
Visually highlights DOM parent/child nesting when hovering over elements on a webpage.
58
Border Patrol – CSS Debugger & Element Outliner
CSS box model debugger & element outliner for fast UI inspection, layout visualization, and faster frontend development.
304
★ 5.0
DOM Scanner Pro
Visualize and debug page layouts with colored outlines and smart tooltips. Perfect for developers and designers.
7
Developer DOM Inspector
Inspect DOM elements visually
68
★ 5.0
DOM Outliner
Outline elements within a webpage. Activate the extension and watch as DOM elements are highlighted with different colors.
454
★ 5.0
DOMTree Explorer+
Explore, inspect, and annotate the DOM tree of any web page.
136
★ 1.0
Data sourced from the Chrome Web Store · last verified May 30, 2026.