CSS Layout Debugger

Name: CSS Layout Debugger
Rating: 4.7143 (7 reviews)
Author: 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.

Download

Install

Features & Capabilities

The CSS Layout Debugger Chrome extension enhances your web development workflow by visually highlighting the layout structure of a webpage. When activated, it applies dynamic backgrounds and outlines to individual elements, enabling developers to quickly identify spacing, alignment, and layout issues. Inspired by a popular CSS tip from Gajus Kuizinas, this tool simplifies the debugging process for complex CSS layouts.

Ideal for front-end developers and designers, the extension aids in spotting padding, margin, and box model inconsistencies without manually inspecting each element's CSS. It streamlines layout troubleshooting to optimize web page design and improve user experience effectively.

User Growth & Download Statistics

Add-on Developer Tools Design

By:

Daily users:

Rating:

Version:

1.0.0 Last updated: 2019-09-10

Version code:

4855543

Creation date:

2019-09-09

Risk:

Permissions:

activeTab

Size:

9.66KB

Email:

*****@vincepic.one

URLs:

Website

Full description:

Source:

Firefox Add-ons Store

Data ingested on:

2026-06-15

Compare stats and ranking:

Ranking

# 8,661 ▼ 63

Other rankings

#8 in layout keyword 20 ▼ 1#18 in debug keyword 35 ▼ 1#240 in hack keyword 19 ▲ 5

For Developers

Monetize with App Pass Boost with Extension Booster

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:

CSS Layout Debugger

Firefox Add-ons Store

https://addons.mozilla.org/firefox/addon/css-layout-debugger/

Email:

*****@vincepic.one

Website:

https://github.com/vpicone/css-layout-debugger

User Reviews

by 远离*****, 2025-03-24

by 远离*****, 2025-02-24

by Fi*****, 2024-11-27

View all user reviews ›

Is CSS Layout Debugger 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.

CSS Layout Debugger 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.

CSS Layout Debugger 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 **** ********* *** **** **** *******