Pixel Inspector

This is a tool designed to assist developers or designers in inspecting page elements, including measuring distances between elements and displaying partial style information of the elements. This is a tool designed to assist developers or designers in inspecting page elements, including measuring distances between elements and displaying partial style information of the elements. >>>> Main features <<<< ✅ View information: In inspection mode, click the extension icon to enable it, then hover over an element to display some of its style information. ✅ Measure element distances: In measurement mode, select a target element, then move the mouse over other elements to display the distance between them. Select an element by: 1. Clicking it; click again to deselect it. 2. Hovering over it and pressing Alt (Option) once; press twice to deselect it. Press ESC to deselect the element and exit measurement mode. >>>> Keyboard shortcuts <<<< ✅ Switch element selection mode: Alt (Option) + Shift + A ✅ Copy CSS style code: Ctrl (cmd) + C ✅ Show complete style information: E ✅ Show only horizontal or vertical distance: X (Y) ✅ Deselect element: ESC