extension ExtPose

Pesticide - 고급 CSS 디버거

CRX id

jeebpgmphhagpecfiophljpkhncoajcg-

Description from extension meta

모든 요소에 배경색 없이 윤곽선을 삽입할 뿐만 아니라 크기와 레이아웃도 검사합니다. CSS는 정말 최고예요!

Image from store Pesticide - 고급 CSS 디버거
Description from store Pesticide로 웹 개발 경험을 한 단계 업그레이드하세요. 레이아웃 디버깅과 CSS 마스터링을 위한 최고의 도구입니다! 🔍 Pesticide는 무엇을 하나요? Pesticide는 웹페이지에 시각적 가이드를 오버레이하여 요소 경계, 크기, 레이아웃 디버깅을 쉽게 식별하고 CSS 상자 모델을 완벽하게 만들 수 있습니다. 초보자든 전문 웹 개발자든 이 도구는 레이아웃 문제 해결을 위한 최적의 솔루션입니다. 🌟 주요 기능 - CSS 디버깅을 쉽게: 레이아웃 구조를 이해하기 위해 요소 윤곽선을 즉시 강조 표시합니다. - 간편한 전환: Ctrl + Shift + P와 같은 키보드 단축키나 상황에 맞는 메뉴를 사용하여 Pesticide를 활성화/비활성화합니다. - 대화형 지침: 세련된 배너는 종료 또는 모드 전환 방법을 포함하여 효율적인 사용을 위한 팁을 제공합니다. - 사용자 정의: 옵션 페이지에서 필요한 디버그 정보를 결정할 수 있습니다. - 생산성 향상: 직관적인 시각적 보조 도구로 복잡한 레이아웃을 디버깅하는 데 시간을 절약합니다. - 기본적으로 시작 시 하단 배너 표시/숨기기를 제어할 수 있도록 옵션 페이지 추가 💼 Chrome용 Pesticide를 선택해야 하는 이유는? - 속도와 단순성을 위해 최적화되었습니다. - 더 이상 추측할 필요가 없습니다! 요소가 정확히 어떻게 쌓이는지 확인하세요. - 개발자, 디자이너 및 픽셀 완벽한 웹 페이지를 만드는 데 열정적인 모든 사람에게 적합합니다. - 디버깅 효율성 향상: 페이지의 각 요소를 윤곽으로 표시하여 레이아웃 문제를 빠르게 파악합니다. - DOM 시각화: HTML과 CSS가 어떻게 함께 작동하여 페이지를 형성하는지 이해합니다. - 사용하기 쉬움: 확장 프로그램을 켜거나 끄기만 하면 실시간으로 Pesticide 스타일을 삽입하거나 제거할 수 있습니다. - 학습에 적합: 초보자는 CSS의 효과를 시각적으로 확인하여 요소 레이아웃이 어떻게 작동하는지 더 잘 이해할 수 있습니다. 🚀 지금 Pesticide를 설치하세요! 워크플로를 간소화하고 웹 디자인을 제어하세요. 지금 Chrome용 Pesticide를 다운로드하고 CSS 디버깅을 간편하게 하세요! 깔끔하고 잘 구성된 웹사이트를 만드는 데 진지하다면 Pesticide for Chrome은 꼭 필요한 툴입니다!

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