CRX id
onfnfdmnccoaknhjinebmlncejnofhoc
onfnfdmnccoaknhjinebmlncejnofhoc
Description from extension meta
Adds colorful outlines to all DOM elements for easy page structure visualization and debugging.
Image from store
Description from store
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.
Latest reviews
- (2025-08-06) Ashish: Its is actually good , for html css debugging for ui components overflow and other size based categories.
- (2023-07-03) Ravi Kumar: Good and very light weight extension to inspect the elements. A very handy tool for developers
- (2023-07-03) Ravi Kumar: Good and very light weight extension to inspect the elements. A very handy tool for developers
- (2023-06-29) Rajiv Kumar: it's good and light weight