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
- Ismat Muhammad
- The extension is amazing
- Khamisu Hassan Umar
- The extension is very helpful for developers in such away that the debugging a CSS file is made simpler. Thanks.
- Suraj phirke
- good
- Dragos Popescu
- It's great! I've been using this for a couple of days now and I had to remove any other extension that was trying to do the same thing. I would ask for an improvement if considered useful by others as well. The possibility of clicking the classes to copy to clipboard. Super helpful when coding and sharing info. Just hover, click - copied. Anyway, Great stuff!
- 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!