extension ExtPose

Pesticide - 進階 CSS 偵錯器

CRX id

jeebpgmphhagpecfiophljpkhncoajcg-

Description from extension meta

不僅在所有元素上插入輪廓(無背景顏色),還檢查尺寸和佈局。 CSS 太棒了!

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

Latest reviews

  • (2025-07-12) Sojib Mir: gd extension
  • (2025-07-02) TEDD: best
  • (2025-06-26) marketing consultero: Awesome
  • (2025-06-26) Aaron Xu: Ths for the amazing plugin However, can it support adjust width/height? It seems too big in some display
  • (2025-06-08) Stephen Skarstedt: Fantastic Tool!!! Works extremely well!!! Thank you!
  • (2025-06-03) dyllan van wyk: Awesome tool, thank you so much
  • (2025-05-28) kareem sarhan: best
  • (2025-05-17) Animesh Maity: Good, gets the job done. Could give a solid 5 star if the size of the banner could be adjusted. Thank you.
  • (2025-05-05) Manuel Jovedo Canog: Very good. I hope I can adjust the size of the banner, though.
  • (2025-04-27) Assem Hamza: it fix the proplems
  • (2025-04-14) Pascalau Nicu: very helpful
  • (2025-03-18) Fred Fraser: Love it!
  • (2025-03-17) Tamer Ghaly: I liked it
  • (2025-03-10) Colin Muriithi: Extremely practical, useful and crucial for design / frontend debugging...thanks for this!
  • (2025-03-10) med yasser: perfect actually helping new programmers to debug and know what are the problem with css code
  • (2025-03-06) Imanariyo Baptiste: very helpfully tool
  • (2025-03-05) luis paredes: Best tool for web developers.
  • (2025-03-05) Victor Akhihiero: The pesticide extension i was using before got outdated. really glad i could find a suitable replacement
  • (2025-03-04) John Lloyd Basco: It's been my go-to tool for frontend development in all my projects! Thank you!
  • (2025-03-03) Sujal: this is much much helpful. thanks a lot devs
  • (2025-03-02) Jegede Joseph: I love it
  • (2025-02-25) David Henson: Was using a similar extension that kept breaking. This one is so much better. Love the details at the bottom! Really useful.
  • (2025-02-21) Dayaash G: Great Assistant during development.
  • (2025-02-02) fandan: thanks for making this,
  • (2025-01-17) Henrique Candiotto: I enjoyed it. Really useful!
  • (2025-01-14) 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?
  • (2025-01-14) Gustavo Starace: Great extension for developers!
  • (2025-01-13) SH Park: gg
  • (2024-12-29) Luqman Ola: Great
  • (2024-12-10) steam punck: Great tool for front end developers learning how CSS works!

Statistics

Installs
10,000 history
Category
Rating
4.8846 (52 votes)
Last update / version
2025-05-05 / 2.3.6
Listing languages

Links