Description from extension meta
A CSS debugging tool that outlines all page elements to help identify and fix layout issues.
Image from store
Description from store
Pesticide is a Chrome extension designed to help you visualize the layout and structure of any webpage by outlining every HTML element. Itβs a powerful tool for debugging CSS and understanding how elements are nested on the page.
When activated, Pesticide injects custom CSS into the current tab, applying colored outlines to all elements based on their type. This makes it easy to identify spacing, nesting, and potential layout issues at a glance.
β¨ Features
β
One-click toggle to enable or disable visual outlines without needing page reload
π¨ Faithfully reflects the original website's CSS β no hover effects, no color changes, no shadows
π Works on any website
π Built using Manifest V3 for enhanced security and performance
π« No interference with site functionality or user interactions
π How to use
1. Install the extension from the Chrome Web Store or load it unpacked
2. Click the Pesticide icon in your toolbar to toggle element outlines
3. Click again to turn them off
Official Website: https://pesticide.michaelkolesidis.com/
Source Code: https://github.com/michaelkolesidis/pesticide-without-hover-bar
Pesticide (without hover bar) is free software licensed under the GNU Affero General Public License v3.0.
Latest reviews
- (2025-07-17) Harry Herdiana: This extension deserve more attention, thanks devs.
- (2025-07-15) Mick Wellington: Excellent dev tool, does exactly what it says, showing outlines without messing with the rest of the styling or the functionality of the website.