Debug CSS Firefox

Debug CSS

Adds outline to all elements on the page to show the culprit element which is changing desired layout hit `Alt+Shift+C ` key to toggle the extension

Features & Capabilities

Debug CSS is a lightweight Chrome extension designed to aid web developers in identifying layout issues by outlining every element on a webpage. Using the CSS outline property, it highlights elements with different colors, making it easy to spot which element is causing layout changes. Activate or deactivate the extension via the icon or simply use the keyboard shortcut Alt+Shift+C.

The extension improves debugging efficiency by allowing developers to visually inspect element positions and hierarchy. Holding the Ctrl key while hovering reveals the element's details and style values. This tool is essential for anyone looking to streamline their front-end development workflow and resolve CSS positioning challenges promptly.

User Growth & Download Statistics

Manifest V2 Add-on Developer Tools Programming
By:
Pranay Joshi
Daily users:
1,020 -25
Rating:
4.79
(14)
Version:
1.1resigned1 Last updated: 2024-04-26
Version code:
5732111
Creation date:
2018-09-28
Risk:
Very low risk impact Low risk likelihood
Permissions:
Size:
24.12KB
Email:
pr*****@gmail.com
Full description:
See detailed description
Source:
Firefox Add-ons Store
Data ingested on:
2026-06-19
Compare stats and ranking:

Other platforms

Chrome
Debug CSS (v1.5.12)
10,000 4.45 (47)
Edge
Debug CSS (v1.5.12)
5,886 4.60 (7)

Contact the developer

Chrome-Stats does not own this Firefox add-on. Please use these information below to contact the Firefox add-on developer.
Developed by:
Pranay Joshi
Firefox Add-ons Store
https://addons.mozilla.org/firefox/addon/pranay-joshi/
Email:
pr*****@gmail.com

User Reviews

Users appreciate Debug CSS for its simplicity, usefulness in web development, and effective Ctrl shortcut to display element information. However, some users report that the Ctrl feature to see element info sometimes does not work, which affects their experience. Overall, the add-on works well and is valued for its straightforward functionality.
Pros
  • Simple to use with a convenient shortcut, no cluttered menus or buttons
  • Extremely useful for web development and making websites
  • The Ctrl feature to show element info is highly appreciated
  • Works well and reliable
Cons
  • The Ctrl shortcut to see element info does not work for some users
Recent reviews
by fr*****, 2025-07-22

by Gr*****, 2025-07-11

Does exactly what it says. No pesky menus or buttons, just a nice shortcut, the way it should be. A great find.
by Fi*****, 2025-04-22
View all user reviews ›

Is Debug CSS Safe?

Risk impact
Risk impact measures the level of extra permissions an extension has access to. A low risk impact extension cannot do much harms, whereas a high risk impact extension can do a lot of damage like stealing your password, bypassing your security settings, and accessing your personal data. High risk impact extensions are not necessarily malicious. However, if they do turn malicious, they can be very harmful.

Debug CSS does not require any sensitive permissions.

Risk impact analysis details
Risk likelihood
Risk likelihood measures the probability that a Firefox add-on may turn malicious. This is determined by the publisher and the Firefox add-on reputation on Firefox Add-ons Store, the amount of time the Firefox add-on has been around, and other signals about the Firefox add-on. Our algorithms are not perfect, and are subject to change as we discover new ways to detect malicious extensions. We recommend that you always exercise caution when installing a Firefox add-on.

Debug CSS has earned a fairly good reputation and likely can be trusted.

Risk likelihood analysis details
  • High This extension has low user count. Unpopular extensions may not be stable or safe.
  • Low **** ********* *** ******* **** **** * ****** **** ***** ******** *** **** ****** ** ** ****** *** *****
  • Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
  • Good **** ********* *** **** **** *******
Extension Guard
Extension Guard

Discover every extension in use, analyze risks, and enforce blocking policies with Extension Guard

Secure Your Browser
Upgrade to see full risk analysis details

Best Debug CSS Alternatives

Here are some Firefox add-ons that are similar to Debug CSS: