Efficient Element Inspection with Hover Debug Overlay
Hover Debug Overlay is a Chrome extension designed for web developers and designers to facilitate the inspection of webpage elements. This tool provides a live overlay that highlights the dimensions of an element with clear labels for the top, left, right, and bottom edges. Additionally, it can display the element's tag, ID, and classes, making it easier to understand the structure of the webpage without altering its layout.
The extension features a simple one-click enable/disable option from the toolbar, and users can quickly copy element descriptors to their clipboard using a right-click. Customization options allow toggling of the element names and edge labels through a context menu. Built on Manifest V3, it operates entirely within the browser, ensuring no external data collection or analytics are involved.
