Outliner CSS
ID
epodomlablfiehjgajhlhbdhidlkokajOutline every element to instantly debug layout and spacing - depth tinting, hover inspector, one-click selector copy.
Extension information
Screenshots
Description
Outline every element to instantly debug layout and spacing - depth tinting, hover inspector, one-click selector copy.
Outliner CSS: Your Perfect Debugging Tool
Outline every element to instantly debug layout and spacing, depth tinting, per-site memory, one-click selector copy.
Key Features:
- One-click outlines in five colours
- Depth tinting to visualise nesting
- Hover to inspect, click to copy the selector
- Alt+Shift+O toggles the current page
- Your colour preferences sync, nothing about the sites you visit is ever stored
- No trackers, no external requests
What's new in 3.1
- Depth tinting fixed (silently broken in 3.0)
- DOM structure mode rebuilt: dashed context outlines, solid hover highlight, click-to-copy selectors
- New: keyboard shortcut and synced colour preferences
- Redesigned popup with automatic dark mode
- No site-access permissions and no stored site records: acts only when you invoke it, remembers only your colours
Lightweight by design: one injected stylesheet-style sweep, no trackers, no analytics, no external requests.