Hover Debug Overlay

Name: Hover Debug Overlay
Rating: 5 (1 reviews)
Author: aman_lakhuja

Show overlay with TOP/LEFT/RIGHT/BOTTOM on element hovered with optional element name

As of May 2026, Hover Debug Overlay has 20 users and a 5.00/5 rating from 1 reviews in the Developer Tools category.

aman_lakhuja Developer Tools

Chrome Web Store ↗.crx

Users+25.0%

Rating0%

5.00

1 reviews

Reviews0%

Version

1.1

Manifest V3

History

4 snapshots

Tracking since Apr 1, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 1, 2026	16	5.00	1	1.1
Apr 21, 2026	18	5.00	1	1.1
May 6, 2026	19	5.00	1	1.1
May 31, 2026	18	5.00	1	1.1
Now	20	5.00	1	1.1

Permissions & access

Permissions: scriptingactiveTabstoragecontextMenusclipboardWrite
Host access: None declared

Screenshots

About

The Hover Debug Overlay is a lightweight Chrome extension that helps developers and designers inspect web page elements quickly and visually.

By simply hovering over an element, you’ll see a live overlay that highlights its boundaries (TOP, LEFT, RIGHT, BOTTOM) and optionally shows the element’s tag, ID, and classes — without disrupting the page layout.

Features:

- Live dimension overlay with edge labels (TOP/LEFT/RIGHT/BOTTOM)
- Element descriptor (tag name, #id, .classes)
- One-click enable/disable from the toolbar icon
- Right-click to copy the element descriptor directly to your clipboard
- Customizable: toggle element name and edge labels via context menu
- Remembers your settings using local storage
- No data collection, no remote requests, no analytics

This extension is built with Manifest V3 and is completely self-contained. All functionality runs locally in your browser.