CSS Layout Debugger

CSS Layout Debugger

When activated, CSS Layout Debugger applies dynamic backgrounds and outlines to elements on the page in order to assist in layout debugging.

What is CSS Layout Debugger?
CSS Layout Debugger is a Firefox add-on that applies dynamic backgrounds and outlines to assist in layout debugging. It is inspired by a tip from Gajus Kuizinas.
Merlin
Stats
Users: 263 ▼ -1
Rating: 5.00 (6)
Version: 1.0.0 (Last updated: 2019-09-10)
Creation date: 2019-09-09
Weekly download count: 17
Firefox on Android: No
Risk impact: Very low risk impact
Risk likelihood: Low risk likelihood
Manifest version: 2
Permissions:
  • activeTab
Size: 9.89K
URLs: Website
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

Inspired by this tip from Gajus Kuizinas: https://dev.to/gajus/my-favorite-css-hack-32g3

User reviews
I found this to be really handy to debug CSS and easy to use. I think this would be a nice feature to be builtin to Firefox dev mode!
by soupbowl, 2024-02-18
View all user reviews
Safety
Risk impact

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

Risk likelihood

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

Upgrade to see risk analysis details
Screenshots