Pesticide Layout Inspector enhances web development by outlining page elements

Latest Version

Version

1.0

Update

October 2, 2024

Size

56.29KiB

Developer

Pesticide Layout Inspector Extension

Pesticide Page Structure Highlighter 🕵️‍♂️ is a must-have tool for web developers and designers! 🎨

✨ What It Does:
It outlines every element on a webpage, allowing you to clearly see the structure and understand how different elements are arranged. This makes it easy to analyze and debug your web layouts.

🔍 Why You Need It:

🧩 Debug CSS Issues: Quickly spot layout problems and fix them with ease.
📐 Understand Page Structures: Perfect for learning how webpages are built or for refining your design.
⚡ Improve Workflow Efficiency: Save time by visualizing element boundaries directly in the browser.
💡 Install Pesticide today to streamline your web development process and gain deeper insights into page structures!

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Pesticide Layout Inspector", "short_name": "Pesticide Inspector", "description": "Pesticide Layout Inspector enhances web development by outlining page elements", "version": "1.0", "permissions": [ "scripting", "activeTab" ], "background": { "service_worker": "background.js" }, "icons": { "128": "images/icon_128.png", "16": "images/icon_16.png", "48": "images/icon_48.png" }, "web_accessible_resources": [ { "resources": [ "pesticide.min.css", "pesticide.js" ], "matches": [ "" ] } ], "action": { "default_title": "Toggle Pesticide", "default_icon": { "48": "images/icon_48.png" } }, "content_scripts": [ { "matches": [ "" ], "js": [ "content-script.js" ] } ]}

Download CRX(56.29KiB)