Product Information
What is Pesticide?
This extension injects Pesticide CSS into the current page, outlining each element to better visualize their placement on the page.
In this version, the banner at the bottom is turned off by default. To enable it, use the control key. Make sure you've "clicked" into the window first, otherwise the browser won't recognize your input (that's just how browsers work).
If you want to use this extension on local files (when the URL starts with `file://`), you'll need to go to Chrome's extension settings, navigate to Pesticide's details, and enable the option "Allow access to file URLs." This is a security setting in Chrome that's disabled by default.
Pesticide is an open-source CSS tool created by Adam Morse. You can download it or fork it on GitHub at:
https://github.com/mrmrs/__brand_bland_placeholder_p
You can follow me here:
https://twitter.com/paulmolluzzo
How to use Pesticide?
Pesticide is a Chrome extension that helps users debug CSS layout issues by adding colored outlines to each element on a page, providing a clearer view of their positions.
Core Functions of Pesticide
CSS debugging
Usage Scenarios of Pesticide
- Quickly debug CSS layout issues on web pages
- View the exact position of elements on a page via outlines
- Simplify the CSS debugging process
- Debug CSS on local files (file:// URLs)
Common Questions about Pesticide
What does Pesticide do?
How do I use Pesticide?
What are the core features of Pesticide?
What are the use cases for Pesticide?
