Pesticide (without hover bar)

5.0 (

4 ratings

)

Item media 1 (screenshot) for Pesticide (without hover bar)

Overview

A CSS debugging tool that outlines all page elements to help identify and fix layout issues.

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.

5 out of 5 4 ratings
Learn more about results and reviews.

Details

Version

3.0.0
Updated

July 15, 2025
Flag concern
Offered by

Michael Kolesidis
Size

48.84KiB
Languages

English
Developer

Michael Kolesidis
Aiolias 31 Thessaloniki, Thessaloniki 55132 Greece

Email

michail.kolesidis@gmail.com
Non-trader

This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

Support

Pesticide for Chrome

5.0

This extension inserts the Pesticide CSS into the current page, outlining each element to better see placement on the page.

Debug CSS

4.4

When enabled adds outline to all elements on the page, Hold Ctrl and hover to get more detail

Pesticide

4.0

A CSS debugging tool that inserts outlines onto all elements to help with debugging layout issues

Pesticide for Chrome - Simple

5.0

Toggle CSS outlines to debug layouts easily.

LocatorJS

4.3

LocatorJS Chrome Extension - option-click to code (ReactJS)

DOM Tree Visualizer

5.0

HTML DOM Tree Visualizer is an educational Chrome extension that provides real-time visualization of how web browsers construct the…

Pesticide Layout Inspector

0.0

Pesticide Layout Inspector enhances web development by outlining page elements

Outliner CSS

5.0

A totally awesome structure and layout debugger that inserts CSS outlines to all elements.

Inspect CSS

4.8

The easiest way to inspect and edit CSS

Zukeeper: Devtools for Zustand

5.0

Devtools for Zustand, in Zustand

Pesticide - Advanced CSS Debugger

4.9

Not only inserts outlines (without background color) on all elements, but also inspects size and layout. CSS is awesome!

JSON Viewer Pro

4.7

A completely free extension to visualise JSON response in awesome Tree and Chart view with great user experience and options. It…