CSS Debugger

Name: CSS Debugger
Rating: 5 (5 reviews)
Author: Aydoğan Gökberk

Instantly debug CSS layouts by adding colorful outlines to HTML elements. Easily identify and inspect elements with a simple click.

As of May 2026, CSS Debugger has 617 users and a 5.00/5 rating from 5 reviews in the Developer Tools category.

Aydoğan Gökberk Developer Tools★ Featured

Chrome Web Store ↗.crx

Users+18.7%

617

Rating0%

5.00

5 reviews

Reviews0%

Version

1.0

Manifest V3

History

2 snapshots

Tracking since Apr 29, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 29, 2026	520	5.00	5	1.0
May 26, 2026	563	5.00	5	1.0
Now	617	5.00	5	1.0

Permissions & access

Permissions: activeTabscriptingstorage
Host access: None declared

Screenshots

About

This extension, is designed to simplify CSS debugging and layout inspection. It instantly adds colorful outlines to HTML elements, making it easy to visualize and identify different elements on a webpage.

The extension solves the common problem of struggling to understand the structure and layout of a website. Instead of manually inspecting elements in the browser's developer tools, this extension provides a quick visual overview of the page's underlying structure.

When the extension's icon is clicked, it injects a script into the current tab that toggles the CSS outlines. The script uses predefined color mappings for different HTML elements, and it dynamically generates and injects CSS rules to apply the outlines.

It functions similarly to the old Pesticide extension but is compatible with Manifest V3. The source code contains no third-party dependencies.

🌐 Open source repository: https://github.com/aydgn/css-debugger-extension