Debug CSS

When enabled adds outline to all elements on the page, Hold Ctrl and hover to get more detail
"Debug CSS" is a lightweight Microsoft Edge extension that displays outlines around all page elements, making it easier for developers to identify layout issues. By holding the Ctrl key and hovering over any element, users can get specific details and styles, helping them understand how elements interact with one another. With a simple toggle option via the extension icon or a keyboard shortcut of Alt+Shift+C, it enhances the web development experience by visually clarifying element boundaries.
Manifest V3
Rating:
4.60
(7)
Version:
1.5.12 (Last updated: 2025-03-13)
Creation date:
2021-04-23
Permissions:
  • activeTab
  • scripting
Size:
16.96K
Full description:
See detailed description
Updated:
14 hours ago

Other platforms

Debug CSS (v1.5.12)
10,000+ 4.42 (45)
Debug CSS (v1.1resigned1)
1,269+ 4.73 (11)

User reviews

Great addition to debugging tools
by Andrew, 2023-02-28

excellent little add-on. I use it every day.
by Christian, 2023-02-27

Thought it didn't work at first but after you install it go to the settings and select "allow access to file URL's". Everything works good.
by andres, 2023-01-02
View all user reviews

Add-on safety

Risk impact
Low risk impact

Debug CSS requires very minimum permissions.

Risk impact analysis details
  • High Injects scripts into web pages, which may alter or extract site contents, resulting in a substantial risk.
Risk likelihood
Moderate risk likelihood

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

Risk likelihood analysis details
  • High This extension has low user count. Unpopular extensions may not be stable or safe.
  • Medium **** ********* *** ******* ** *** **** * ******* *** ******* *** *** ** ****** ** *****
  • Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
  • Good **** ********* *** **** **** *******
Upgrade to see full risk analysis details

Promo images

Debug CSS marquee promo image
Marquee promo image
Small promo image

Similar add-ons

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

Dev Peek Dev Peek
CREO TECHNOLOGIES
8 0.00 (0)
Debug CSS - LPTech Debug CSS - LPTech
LP Technology EC Co,. ltd
73 0.00 (0)
Show All Padding & Margins Show All Padding & Margins
Indaba Invest Limited
110 0.00 (0)
HTML & CSS Design Analysis HTML & CSS Design Analysis
KODEMUSE SOFTWARE PRIVATE LIMITED
777 5.00 (1)
xLog custom css debugger xLog custom css debugger
birdgg
14 0.00 (0)
Copy Css Selector Copy Css Selector
Alexander Chermyanin
2K 0.00 (0)
DEV-Tools DEV-Tools
Juniper
384 0.00 (0)
Meta Debugger Meta Debugger
Tiff App
12K 4.50 (2)
CSS Viewer for Browser™ CSS Viewer for Browser™
Free Software Apps
10K 4.60 (41)