Repository navigation
Lidar 1.0.0
Added
- Measure any element: size, padding, margin, and distances to other elements (hold ⌥ on a Mac, Alt elsewhere).
- Spread: lines from the cursor to the nearest edge in each direction, stopping at what you see (Visual) or at element boxes (Layout).
- Numbered rulers, with the cursor's position marked on both.
- Rulers with crosshair and cursor coordinates.
- Inspector: box model, font, colors, contrast grade, computed styles, breadcrumb, and arrow-key tree navigation.
- Copy any value, Copy CSS, element screenshots, and Copy for AI (a markdown brief plus screenshot).
- Color picker.
- Graphite and Light themes, px or rem units.
- Contrast is marked approximate (≈) when a background image sits behind the text.
- Lidar's shortcut keys never steal typing from page fields.
- iframes are measured and pinned as one box.
- Elements inside web components (open shadow DOM) can be inspected.
- Lidar stays on top of, and usable over, page dialogs and popovers.
Install: get Lidar from the Chrome Web Store (updates arrive automatically), or download lidar.zip, unzip it, and load the folder at chrome://extensions → Developer mode → Load unpacked.