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

Debug CSS - Firefox Add-on for Web Development

"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.

Add-on stats

Users: 1,283
-45
Rating: 4.73
(11)
Version: 1.1resigned1 (Last updated: 2024-04-26)
Creation date: 2018-09-28
Weekly download count: 29
Firefox on Android: No
Risk impact: Very low risk impact
Risk likelihood:
Manifest version: 2
Permissions:
  • activeTab
Size: 24.70K

Other platforms

Debug CSS (v1.0)
4.74 (35) 20,000
Not available on Android
Debug CSS (v1.0)
4.60 (7) 9,507
Want to check extension ranking and stats more quickly for other Firefox add-ons? Install Chrome-Stats extension to view Firefox-Stats data as you browse the Firefox Browser Add-ons.

Add-on 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

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
  • Extremely useful for making websites
  • Works very well
  • Ctrl feature is great
Cons
  • Press Ctrl to see info doesn't work
Most mentioned
  • Ctrl feature
User reviews
Extremely useful for making websites! This was a life saver
by ruski, 2024-06-26

Works very well. Thanks ! The Ctrl feature is great !!!!
by MarcoGMLNX, 2023-11-25
View all user reviews

Add-on safety

Risk impact

Debug CSS does not require 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