Pesticide - 高级 CSS 调试器
Extension Actions
- Live on Store
不仅在所有元素上插入轮廓（无背景色），还能检查大小和布局。 CSS 太棒了！
使用 Pesticide 提升您的 Web 开发体验 - 调试布局和掌握 CSS 的终极工具！
🔍 Pesticide 有什么用？
Pesticide 在您的网页上叠加视觉指南，让您轻松识别元素边界、大小、调试布局并完善您的 CSS 框模型。 无论您是初学者还是专家级 Web 开发人员，此工具都是您解决布局问题的最佳解决方案。
🌟 主要功能
- 轻松进行 CSS 调试：立即突出显示元素轮廓以了解您的布局结构。
- 轻松切换：使用键盘快捷键（如 Ctrl + Shift + P）或上下文菜单启用/禁用 Pesticide。
- 交互式说明：时尚的横幅提供高效使用技巧，包括如何退出或切换模式。
- 自定义：您可以在选项页面中决定所需的调试信息。
- 提高生产力：使用直观的视觉辅助工具节省调试复杂布局的时间。
- 添加了选项页面，以便您可以控制默认启动时显示/隐藏底部横幅
💼 为什么选择 Pesticide for Chrome？
- 针对速度和简便性进行了优化。
- 无需猜测！ 准确查看元素的堆叠方式。
- 非常适合开发人员、设计师以及任何热衷于制作像素完美网页的人。
- 提高调试效率：通过概述页面上的每个元素快速发现布局问题。
- 可视化 DOM：了解您的 HTML 和 CSS 如何协同塑造页面。
- 易于使用：只需打开或关闭扩展即可实时注入或删除 Pesticide 样式。
- 非常适合学习：初学者可以通过直观地查看其 CSS 的效果来更好地了解元素布局的行为方式。
🚀 立即安装 Pesticide！
简化您的工作流程并控制您的网页设计。 立即下载 Pesticide for Chrome，让 CSS 调试变得轻而易举！ 如果您真的想构建干净、结构良好的网站，那么 Chrome 版 Pesticide 是您的工具包中必备的工具！
Latest reviews
- Nikola Janjic
- Very good ext. Thanks
- EJ Lai
- Very advanced, shows you a ton like classes and dimensions without the need to fiddle with the horribly cramped and disorganized console tabs, indispensable for development - love it!
- Mayank Adeva
- Good One
- nan Da
- this is a good one to use with code editors. Thanks to dev team.
- Romeo Rel
- Good
- Sojib Mir
- gd extension
- TEDD
- best
- marketing consultero
- Awesome
- Aaron Xu
- Ths for the amazing plugin However, can it support adjust width/height? It seems too big in some display
- Stephen Skarstedt
- Fantastic Tool!!! Works extremely well!!! Thank you!
- dyllan van wyk
- Awesome tool, thank you so much
- kareem sarhan
- best
- Animesh Maity
- Good, gets the job done. Could give a solid 5 star if the size of the banner could be adjusted. Thank you.
- Manuel Jovedo Canog
- Very good. I hope I can adjust the size of the banner, though.
- Assem Hamza
- it fix the proplems
- Pascalau Nicu
- very helpful
- Ademola Afolabi
- Very useful extension
- Fred Fraser
- Love it!
- Tamer Ghaly
- I liked it
- debo listixxs
- love this pesticide
- Colin Muriithi
- Extremely practical, useful and crucial for design / frontend debugging...thanks for this!
- med yasser
- perfect actually helping new programmers to debug and know what are the problem with css code
- Imanariyo Baptiste
- very helpfully tool
- luis paredes
- Best tool for web developers.
- Victor Akhihiero
- The pesticide extension i was using before got outdated. really glad i could find a suitable replacement
- John Lloyd Basco
- It's been my go-to tool for frontend development in all my projects! Thank you!
- Sujal
- this is much much helpful. thanks a lot devs
- Jegede Joseph
- I love it
- David Henson
- Was using a similar extension that kept breaking. This one is so much better. Love the details at the bottom! Really useful.
- Dayaash G
- Great Assistant during development.
- fandan
- thanks for making this,
- Henrique Candiotto
- I enjoyed it. Really useful!
- Alyssa Michelle
- As a front end developer, I use this constantly. However, the enormous section on the bottom of the screen really kills the vibe. I want to SEE my UI. The CSS change on hover can be nice, but also very distracting. Can we please get the option to turn these features off?
- Gustavo Starace
- Great extension for developers!
- SH Park
- gg
- Luqman Ola
- Great
- steam punck
- Great tool for front end developers learning how CSS works!