Pesticide - 進階 CSS 偵錯器
Extension Actions
- Live on Store
不僅在所有元素上插入輪廓（無背景顏色），還檢查尺寸和佈局。 CSS 太棒了！
使用 Pesticide 提升您的 Web 開發體驗 - Pesticide 是調試佈局和掌握 CSS 的終極工具！
🔍 殺蟲劑有什麼作用？
Pesticide 在您的網頁上覆蓋視覺指南，讓您輕鬆識別元素邊界、大小、偵錯佈局並完善您的 CSS 框模型。 無論您是初學者還是專業的 Web 開發人員，此工具都是您解決佈局問題的解決方案。
🌟 主要特點
- CSS 偵錯變得簡單：立即突出顯示元素輪廓以了解您的佈局結構。
- 輕鬆切換：使用鍵盤快速鍵（如 Ctrl + Shift + P）或上下文選單來啟用/停用殺蟲劑。
- 互動式說明：時尚的橫幅提供高效使用的提示，包括如何退出或切換模式。
- 自訂：您可以在選項頁面中決定所需的偵錯資訊。
- 提高生產力：透過直覺的視覺輔助節省調試複雜佈局的時間。
- 新增了選項頁面，以便您可以控制預設在啟動時顯示/隱藏底部橫幅
💼 為什麼選擇 Chrome 殺蟲劑？
- 針對速度和簡單性進行了最佳化。
- 不用再猜測了！ 準確了解元素的堆疊方式。
- 非常適合開發人員、設計師以及任何熱衷於製作像素完美網頁的人。
- 提高調試效率：透過概述頁面上的每個元素快速發現佈局問題。
- 視覺化 DOM：了解 HTML 和 CSS 如何協同塑造頁面。
- 易於使用：只需打開或關閉擴展即可即時注入或去除農藥造型。
- 非常適合學習：初學者可以透過直觀地查看 CSS 效果來更好地理解元素佈局的行為方式。
🚀 今天就安裝殺蟲劑！
簡化您的工作流程並掌控您的網頁設計。 立即下載適用於 Chrome 的 Pesticide，讓 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!