English
See more
This extension inserts the Pesticide CSS into the current page, outlining each element to better see placement on the page.
Latest Version
Version
2.0
Update
November 12, 2024
Size
23.45KiB
Developer
extension.rocks
Category
Users
224 
Rating
5 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
ActiveTab
Scripting
See more
Scripting
Pesticide for Chrome (mv3) Extension
Pesticide for Chrome is an essential tool for web developers and designers looking to streamline their workflow and improve page layouts. This extension injects Pesticide CSS into your web pages, outlining each HTML element to help you visualize their structure and spacing. By clearly delineating the boundaries of each element, you can easily identify layout issues and understand the positioning of various components.
With Pesticide, you’ll gain a clearer picture of how your CSS rules affect your web layout, making it easier to debug and fine-tune the design. Whether you're troubleshooting alignment issues, inspecting element nesting, or just learning CSS, this extension saves you time and effort.
Why install Pesticide for Chrome?
* 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.
If you're serious about building clean, well-structured websites, Pesticide for Chrome is a must-have in your toolkit!
Read more
With Pesticide, you’ll gain a clearer picture of how your CSS rules affect your web layout, making it easier to debug and fine-tune the design. Whether you're troubleshooting alignment issues, inspecting element nesting, or just learning CSS, this extension saves you time and effort.
Why install Pesticide for Chrome?
* 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.
If you're serious about building clean, well-structured websites, Pesticide for Chrome is a must-have in your toolkit!
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Pesticide for Chrome (mv3)", "short_name": "Pesticide", "description": "This extension inserts the Pesticide CSS into the current page, outlining each element to better see placement on the page.", "version": "2.0", "permissions": ["activeTab", "scripting"], "action": { "default_title": "Toggle Pesticide" }, "background": { "service_worker": "pesticide-injector.js" }, "icons": { "128": "icon.png", "16": "icon.png", "32": "icon.png", "48": "icon.png" }, "web_accessible_resources": [ { "resources": ["pesticide.min.css", "pesticide.js"], "matches": [""] } ]}
Read more
