Debug CSS

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

What is Debug CSS?
"Debug CSS" is a Firefox add-on tool designed especially for web developers. It highlights all elements on a webpage, which can help determine the problematic element affecting the desired layout. The extension works by adding a colored outline to every element, with each element given a different color. It can be toggled using the `Alt+Shift+C` shortcut and uses CSS outline attributes for operation.
Merlin
Stats
Users: 1,283 ▲ 41
Rating: 4.70 (10)
Version: 1.1resigned1 (Last updated: 2024-04-26)
Creation date: 2018-09-28
Weekly download count: 45
Firefox on Android: No
Risk impact: Very low risk impact
Risk likelihood: Moderate risk likelihood
Manifest version: 2
Permissions:
  • activeTab
Size: 24.70K
Stats date:

Other platforms

Not available on Chrome
Not available on Edge
Want to check extension ranking and stats more quickly for other Firefox add-ons? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Firefox Browser Add-ons.
Chrome-Stats extension
Merlin
Summary

Adds outline to all elements on the page to show the culprit element which is changing desired layout

Debug CSS

A lightweight extension for Mozilla Firefox to show outline of all the element exist on page.

while working on web page development the one of the difficult part is to position the element as required and check which element affecting the other one.

This Mozilla Firefox extension allows user to see outline on every element of the page. Hold the keyboard Ctrl button and hover element it will show the element details along with the value.


Usage

Post installation simply click on the extension icon to turn it On or Off.

See more
User reviews
User reviews summary
These summaries are automatically generated weekly using AI based on recent user reviews. Firefox Browser Add-ons does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.
Pros
  • Works very well
  • Ctrl feature is great
  • Displays element info
Cons
  • Ctrl feature may not work for some users
Most mentioned
  • Ctrl feature
Recent reviews
Works very well. Thanks ! The Ctrl feature is great !!!!
by MarcoGMLNX, 2023-11-25
View all user reviews
Safety
Risk impact

Debug CSS is safe to use. It does not request any sensitive permissions.

Risk likelihood

Debug CSS is probably trust-worthy. Prefer other publishers if available. Exercise caution when installing this add-on.

Upgrade to see risk analysis details
Screenshots