Overview
Show overlay with TOP/LEFT/RIGHT/BOTTOM on element hovered with optional element name
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.
Details
- Version1.1
- UpdatedAugust 21, 2025
- Offered byaman_lakhuja
- Size9.78KiB
- LanguagesEnglish (United States)
- Developer
Email
amanlakhuja.dev@gmail.com - Non-traderThis 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
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
Support
For help with questions, suggestions, or problems, visit the developer's support site