Toggle outlines on all elements to help debug CSS

Latest Version

Version
0.0.12
Update
December 8, 2024
Size
181KiB
Developer
Category
Users
21
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
ActiveTab
Scripting
See more

CSS Debug with Pesticide Extension

CSS Debug with Pesticide is a browser extension that helps developers debug CSS by outlining each element on the page. It provides a visual representation of the box model, making it easier to identify layout issues and understand the structure of the page.
Read more

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"manifest_version":3,
"name":"CSS Debug with Pesticide",
"description":"Toggle outlines on all elements to help debug CSS",
"version":"0.0.12",
"short_name":"CSS Pesticide",
"icons":{"16":"icon/16.png",
"24":"icon/24.png",
"32":"icon/32.png",
"48":"icon/48.png",
"128":"icon/128.png"},
"developer":{"name":"Rob Lloveras",
"url":"https://bsky.app/profile/lloveras.info"},
"homepage_url":"https://github.com/Sensiblemnd/css-debug",
"permissions":["activeTab",
"scripting"],
"action":{"default_title":"Default Popup Title",
"default_popup":"popup.html"},
"options_ui":{"page":"options.html"},
"content_scripts":[{"matches":[""],
"css":["content-scripts/content.css"],
"js":["content-scripts/content.js"]}]}
Read more

Similar Extensions

icon

CSS Selector Tester Extension · Developer Tools 21 4 ★ 30.87KiB

icon

HTML CSS Viewer Extension · Developer Tools 21 0 ★ 7.65KiB

icon

Unblur Extension · Developer Tools 21 7 ★ 15.13KiB

icon

SnipCSS Extension · Developer Tools 21 32 ★ 13.12MiB

icon

Pesticide for Chrome (mv3) Extension · Developer Tools 21 1 ★ 23.45KiB

icon

Outline HTML Elements Extension · Developer Tools 21 1 ★ 49.84KiB

icon

Atomic CSS Devtools Extension · Developer Tools 21 15 ★ 196KiB

icon

PageRip (HTML + CSS Extract) Extension · Developer Tools 21 54 ★ 434KiB

icon

CSS Debugger Extension · Developer Tools 21 9 ★ 13.27KiB

icon

Visibilize Extension · Productivity 21 3 ★ 172KiB

icon

Chrome Minimal Scrollbar Extension · Accessibility 21 9 ★ 4.59KiB

icon

Show All Padding & Margins Extension · Developer Tools 21 1 ★ 23.17KiB

icon

View CSS Extension · Developer Tools 21 1 ★ 5.89KiB

icon

CSS Selector Helper Extension · Developer Tools 21 60 ★ 91.27KiB

icon

Bootstrap grid viewer Extension · Developer Tools 21 2 ★ 34.09KiB

icon

CSS Used Extension · Developer Tools 21 184 ★ 164KiB

icon

Show Hidden Elements Extension · Productivity 21 0 ★ 4.48KiB

icon

CSS Scanly - Copy CSS | Tailwind & Bootstrap Extension · Productivity 21 5 ★ 35.52KiB

icon

Laser Eyes Extension · Developer Tools 21 2 ★ 28.72KiB

icon

Bootstrap Deprecated Classes Extension Extension · Developer Tools 21 1 ★ 20.23KiB

icon

JS_Beautify,CSS_Beautify,HTML_Beautify Extension · Developer Tools 21 1 ★ 70.0KiB

icon

DOM X-Ray Extension · Developer Tools 21 2 ★ 57.82KiB

icon

CSS Color Helper Extension · Developer Tools 21 2 ★ 2.46MiB

icon

CSS PX, REM, EM, VH, VW Converter Extension · Developer Tools 21 7 ★ 66.71KiB