CSS Debugger
152 users
Version: 1.0
Updated: March 10, 2025
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
It Ends With Us - By Colleen Hoover
I Love You / Anatomical Heart / Luxury Card
Linn's Stamp News Magazine Subscription ( 1 Year / 52 Issues )
Feather | Sabrina Carpenter sabrina carpenter Photographic Print
THBII Twisting Waist Disc, Body Shaping Twisting Boards Waist Aerobic Exercise Fitness Slim Machine Rotating Board Female Twister Exercise Sports
The Facebook Effect: The Inside Story of the Company That Is Connecting the World [Book]
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-d ebugger-extension
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-d ebugger-extension
Related
Pesticide for Chrome (without hover bar)
60,000+
Debug CSS - LPTech
51
Pesticide
200,000+
CSS Debug
13
Outliner CSS
10,000+
CSS Debug with Pesticide
265
UI Inspector - Visual CSS Editor
1,000+
Quick Image Saving via CSS Selector
113
Outline HTML Elements
656
Debug CSS
10,000+
Pesticide - the Authentic CSS Debugger
9,000+
Pesticide Layout Inspector
149
CSS Viewer for Google Chrome™
40,000+
simple-debug.css
1,000+
Dev Station
43
Inspect CSS
10,000+
Atomic CSS Devtools
4,000+
LocatorJS
40,000+
Css Layout Hack
587
Inspecta - visual QA and CSS editor
1,000+
Jinno: code any React component with AI
4,000+
ARIA DevTools
10,000+
Looksee
458
Dimensions Inspect | Gridman
10,000+