CSS Debugger

CSS Debugger

A lightweight extension for Google chrome that shows the outline of all CSS elements on the page.

CSS Debugger
What is CSS Debugger?
CSS Debugger is a handy chrome extension with a simple, yet powerful function. It injects debug styles into any webpage. This helps developers identify and debug style and structure issues in real-time. The extension outlines all the CSS elements on the webpage, making it a perfect tool for the users to identify and troubleshoot layout problems and style-related bugs effectively.
Stats
This extension was removed from Chrome Web Store on 2024-04-25
Users: 1,000+
Rating: 5.00 (1)
Version: 0.1 (Last updated: 2020-04-07)
Creation date: 2020-04-02
Risk impact: Moderate risk impact
Risk likelihood: Low risk likelihood
Manifest version: 2
Permissions:
  • tabs
Size: 7.44K
Stats date:

Other platforms

Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.
Chrome-Stats extension
Summary

A simple extension that injects debug styles into any page helping you debug style and structure issues.

User reviews
Best CSS debugger ever
by Slavik Slinyuk Slavik Slinyuk, 2024-03-01
View all user reviews
Safety
Risk impact

CSS Debugger may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully before installing.

Risk likelihood

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

Upgrade to see risk analysis details
Similar extensions

Here are some Chrome extensions that are similar to CSS Debugger: