Pesticide - 고급 CSS 디버거 icon

Pesticide - 고급 CSS 디버거

Extension Actions

CRX ID
jeebpgmphhagpecfiophljpkhncoajcg
Status
  • Live on Store
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

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!