CSS Scanner for Chrome
Inspect CSS properties, computed styles, box model dimensions, and typography natively on hover over any element.
Replaces:
CSS PeeperCSSViewerHoverifyCSS Scan
Why Developers Switch to OmniDev
Opening Chrome DevTools and hunting through nested DOM nodes just to check an element’s font size, padding, or computed CSS wastes hours every week.
Instant hover overlay showing computed CSS declarations, dimensions, and box model values
Click-to-pin element inspection with one-click CSS rule and selector copying
Works seamlessly alongside State Freeze Capture to inspect transient :hover and :focus states
Shadow-DOM isolated UI so host page styles never pollute the inspector panel
Shadow-DOM isolated • Zero host-page CSS leakage
STEP 01
Install OmniDev from the Chrome Web Store and open the popup or press your custom shortcut.
STEP 02
Select "CSS Scanner" under the Inspect & Debug category (or search "CSS Scanner" in the launcher).
STEP 03
Inspect, capture, or export results directly on the live page — 100% locally in your browser.
See How OmniDev Compares
Detailed side-by-side comparisons against standalone Chrome extensions:
Frequently Asked Questions — CSS Scanner
Is the CSS Scanner tool in OmniDev completely free?
Yes. CSS Scanner and all 54 tools in OmniDev are 100% free to use with no account signup or paywall.
Does CSS Scanner send my webpage data to an external server?
No. CSS Scanner runs locally inside your browser tab. OmniDev is architected local-first and never uploads your DOM, storage, or network payloads to a Jambo backend.
Which standalone Chrome extensions does CSS Scanner replace?
CSS Scanner replaces single-purpose extensions such as CSS Peeper, CSSViewer, Hoverify, CSS Scan, saving browser RAM and reducing extension permission sprawl.
More Inspect & Debug Tools in OmniDev
Every tool below is included in the same single Chrome extension install.
Explore All 54 Tools
Tailwind Scanner
Instantly view and copy Tailwind CSS utility classes applied to any DOM element on hover.
Font Explorer (Font Spy)
Scans and lists all font families, weights, line heights, letter spacing, and live typography usage on the webpage.
Color Picker
Precision pixel-level magnifying eyedropper to sample any color on screen in HEX, RGB, or HSL.
Color Palette (Color Spy)
Scans the entire webpage to extract a deduplicated visual color palette of text, background, and border colors.
Console Spy
Stream console.log, warnings, uncaught exceptions, and runtime errors directly in an on-page overlay without opening DevTools.
Page Ruler
Draw interactive pixel guidelines to measure element dimensions, distances, alignment, padding, and margins.
Get CSS Scanner + 53 More Tools in 1 Click
Stop cluttering Chrome with dozens of single-purpose extensions. Install OmniDev free and run everything locally.
Install OmniDev for Free