Debug CSS

When enabled adds outline to all elements on the page, Hold Ctrl and hover to get more detail

Debug CSS - Visualize Web Elements Easily

"Debug CSS" is a lightweight Chrome extension designed for web developers to easily visualize page elements. By adding an outline to all elements, it simplifies the process of positioning and analyzing how elements interact on a webpage. Just click the extension icon to enable it or use the shortcut Alt+Shift+C. Hover over elements while holding Ctrl for more detailed information. Say goodbye to positioning struggles and enhance your debugging efficiency!

Download

Extension stats

By: Pranay Joshi

Users: 20,000+

Rating: 4.50

(44)

0.01

Version: 1.2 (Last updated: 2025-02-18)

Creation date: 2018-09-12

Permissions:

activeTab
scripting

Size: 20.81K

Email: pr*****@gmail.com

Full description: See detailed description

Ranking

# 5,611 ▲ 82

Other rankings

#2746 in Developer Tools ▲ 16 #5 in debug keyword 36 ▼ 3 #24 in jquery keyword 16 ▼ 1 #182 in element keyword 23 ▼ 13

Other platforms

Not available on Android

Debug CSS (v1.1resigned1)

1,345+ 4.73

(11)

Debug CSS (v1.0)

9,209+ 4.60

(7)

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

User-friendly and helpful for understanding CSS
Works well when functioning properly
Excellent tool for frontend development
Simple and easy to use
Great alternative to other similar extensions like Pesticide

Cons

Frequently stops working after Chrome updates
Not compatible with Mac users
Often requires manual adjustments to display properly
Inconsistent performance across different browsers
Lack of clear instructions for new users

Most mentioned

Extension stopped working after recent Chrome updates
Not functioning on Mac
Poor compatibility with newer browser versions
Need for clear usage instructions
Effective tool when it works properly

User reviews

I like this extensions but is it not working anymore? I try on chrome and edge it can't be used

Adam Abdillah, 2025-03-07

Excellent extension but it recently broke for latest Chrome versions, can't wait for the developer to fix it :) !

Lethargic, 2025-02-27

Is it no longer available? the most useful extension I have ever used

AlexSearch, 2025-02-25

View all user reviews

Extension safety

Risk impact

Debug CSS does not require any sensitive permissions.

Risk impact analysis details

Low Request access to the following domains:

Risk likelihood

We don't have sufficient data to confidently determine the risk likelihood of Debug CSS. Use it at your own risk.

Risk likelihood analysis details

High This extension was recently updated in the past month. New updates may not be stable or safe.
High **** ********* *** *** **** ****** ********* ********** *** *** ** ****** ** *****
Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
Good **** ********* *** **** **** *******

Upgrade to see full risk analysis details