Pesticide Advanced Css De
View on Chrome Web StoreChrome will indicate if you already have this installed.
Overview
Pesticide 3.2 is an advanced CSS debugger for Chrome that helps you inspect layout, spacing, typography, and computed styles directly on the page.
Turn it on and hover any element to open a floating inspector with the details you actually need:
- Element tag, id, and classes
- DOM path
- Client / offset / scroll dimensions
- Full box model: margin, border, padding, radius, and content size
- Font inspection
- Computed CSS properties
- Copy CSS output in Tailwind, inline, or block format
What makes Pesticide useful:
- Outline-based debugging without shifting layout
- Click to pin the current element while comparing spacing and styles
- Resizable, draggable inspector overlay
- Per-site saved panel position and size
- Options page to show or hide inspector sections
- Quick keyboard control with Ctrl + Shift + P
Pesticide is built for front-end developers, designers, and anyone debugging tricky CSS. It gives you a fast visual way to understand how a page is built without opening heavyweight tools for every small layout check.
Version 3.2 highlights:
- Better floating inspector workflow
- Copy CSS panel with Tailwind, inline, and block output
- Font and computed-style inspection
- Configurable inspector sections from the options page
If you want a lightweight Chrome extension for faster CSS debugging, Pesticide is built for that job.
Tags
Privacy Practices
🔐 Security Analysis
This extension hasn't been security-scanned yet.