Smart CSS Debugger

by codewithsmile · Developer Tools

Manifest V3 Free

View in Chrome Web Store Data as of 16 Oct 2026

Hover to inspect any HTML element with tag, ID, class, computed styles, and copy selector instantly.

Users

+6 in 30 days

Rating

5.0 / 5

unchanged in 30 days

Ratings

0 in 30 days

Store rank

#113K

#94K among extensions

Version

1.0.1

updated 2 Sep 2025

Users

monthly, 14 months

Latest, 16 Oct 2026: 45 usersMove the mouse over the chart for any month

Ratings count

monthly, 14 months

Latest, 16 Oct 2026: 1 ratingsMove the mouse over the chart for any month

The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.

About Smart CSS Debugger

Smart CSS Debugger makes frontend debugging faster and easier. Simply hover over any element on a webpage to instantly view its tag, ID, classes, and computed CSS styles in a sleek tooltip. No more digging through the DevTools inspector — with just a hover, you can: 🔍 Inspect elements instantly – see tag, ID, and class in real time. 🎨 View computed styles – quickly check applied CSS rules. 📋 Copy unique CSS selectors – grab selectors for testing or styling. ⚡ Save time debugging – perfect for frontend developers, designers, and testers. Whether you’re building, styling, or debugging, Smart CSS Debugger helps you work smarter and faster.