Item logo image for Pesticide for Chrome - The Complete Web Development Booster

Pesticide for Chrome - The Complete Web Development Booster

extension.rocks
4.8(

10 ratings

)
Item media 4 screenshot
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item video thumbnail
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot

Overview

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

Elevate your web development experience with Pesticide for Chrome – the ultimate tool for debugging layouts and mastering CSS! 🔍 What Does Pesticide Do? Pesticide overlays visual guides on your webpage, making it effortless to identify element boundaries, debug layouts, and perfect your CSS box models. Whether you're a beginner or an expert web developer, this tool is your go-to solution for layout troubleshooting. 🌟 Key Features - CSS Debugging Made Easy: Instantly highlight element outlines to understand your layout structure. - Toggle With Ease: Use keyboard shortcuts like Ctrl + Shift + P or the context menu to enable/disable Pesticide. - Interactive Instructions: A sleek banner provides tips for efficient usage, including how to quit or toggle modes. - Boost Productivity: Save time debugging complex layouts with intuitive visual aids. - Added an options page so that you can control showing / hiding bottom banner on startup by default 💼 Why Choose Pesticide for Chrome? - Optimized for speed and simplicity. - No more guessing! See exactly how your elements are stacked. - Perfect for developers, designers, and anyone passionate about crafting pixel-perfect web pages. - Improve Debugging Efficiency: Quickly spot layout problems by outlining each element on the page. - Visualize the DOM: Understand how your HTML and CSS work together to shape the page. - Easy to Use: Just toggle the extension on or off to inject or remove the Pesticide styling in real time. - Perfect for Learning: Beginners can better understand how element layouts behave by visually seeing the effects of their CSS. 🚀 Install Pesticide Today! Simplify your workflow and take control of your web designs. Download Pesticide for Chrome now and make CSS debugging a breeze! If you're serious about building clean, well-structured websites, Pesticide for Chrome is a must-have in your toolkit!

4.8 out of 510 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    2.3.2
  • Updated
    January 21, 2025
  • Size
    138KiB
  • Languages
    52 languages
  • Developer
    Extension Rocks
    Västra Järnvägsgatan 15 Stockholm 111 64 SE
    Website
    Email
    contact@extension.rocks
  • 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. To learn more, see the developer’s privacy policy.

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

Related

daily.dev | The homepage developers deserve

4.8(2.5K)

Get one personalized feed for all the knowledge you need as a developer.

CSS inject

4.3(3)

Very simple chrome extension to inject CSS into websites

[Experiment] Edit and Resend: Ajax Request Debugger in Chrome DevTools

5.0(1)

Enhance Chrome DevTools with a new tab. Edit and resend fetch() / XHR requests. Efficiently debug or test your web applications.

Highlight Focus

5.0(3)

This chrome extension will help you to highlight the current focused element in a webpage

Pesticide for Chrome

4.7(97)

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

CSS Peeper

4.6(365)

Extract CSS and build beautiful styleguides.

CSS Debug with Pesticide

5.0(1)

Toggle outlines on all elements to help debug CSS

Color Picker - Eyedropper Tool

4.7(960)

Pick colors from web pages with Eyedropper. Color picker, gradient generator, color palette. Quickly grab HEX, RGB colors.

Responsive Viewer

4.2(307)

Show multiple screens once, Responsive design tester

CSS Viewer for Google Chrome™

4.2(345)

FREE! Quick and simple CSS property viewer.

Scan CSS

2.0(7)

A script to inspect, scan and copy CSS properties of any element on the web page

JSON Viewer Pro

4.7(139)

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

daily.dev | The homepage developers deserve

4.8(2.5K)

Get one personalized feed for all the knowledge you need as a developer.

CSS inject

4.3(3)

Very simple chrome extension to inject CSS into websites

[Experiment] Edit and Resend: Ajax Request Debugger in Chrome DevTools

5.0(1)

Enhance Chrome DevTools with a new tab. Edit and resend fetch() / XHR requests. Efficiently debug or test your web applications.

Highlight Focus

5.0(3)

This chrome extension will help you to highlight the current focused element in a webpage

Pesticide for Chrome

4.7(97)

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

CSS Peeper

4.6(365)

Extract CSS and build beautiful styleguides.

CSS Debug with Pesticide

5.0(1)

Toggle outlines on all elements to help debug CSS

Color Picker - Eyedropper Tool

4.7(960)

Pick colors from web pages with Eyedropper. Color picker, gradient generator, color palette. Quickly grab HEX, RGB colors.

Google apps