개요
모든 요소에 배경색 없이 윤곽선을 삽입할 뿐만 아니라 크기와 레이아웃도 검사합니다. CSS는 정말 최고예요!
Pesticide 3.2는 Chrome용 고급 CSS 디버거로, 페이지에서 레이아웃, 간격, 타이포그래피 및 계산된 스타일을 직접 검사할 수 있도록 도와줍니다. Pesticide를 활성화하고 아무 요소에 마우스를 올리면 필요한 세부 정보가 포함된 플로팅 검사기가 열립니다. - 요소 태그, ID 및 클래스 - DOM 경로 - 클라이언트/오프셋/스크롤 크기 - 전체 박스 모델: 여백, 테두리, 패딩, 반경 및 콘텐츠 크기 - 글꼴 검사 - 계산된 CSS 속성 - Tailwind, 인라인 또는 블록 형식으로 CSS 출력 복사 Pesticide의 유용한 기능: - 레이아웃을 변경하지 않고 윤곽선 기반 디버깅 - 간격과 스타일을 비교하는 동안 현재 요소를 클릭하여 고정 - 크기 조절 및 드래그 가능한 검사기 오버레이 - 사이트별로 패널 위치 및 크기 저장 - 검사기 섹션 표시/숨기기 옵션 페이지 - Ctrl + Shift + P로 빠른 키보드 제어 Pesticide는 프런트엔드 개발자, 디자이너 및 까다로운 CSS를 디버깅하는 모든 사람을 위해 만들어졌습니다. 무거운 도구를 일일이 열어 작은 레이아웃을 확인할 필요 없이, 페이지 구조를 시각적으로 빠르게 파악할 수 있는 방법을 제공합니다. 버전 3.2 주요 기능: - 향상된 플로팅 인스펙터 워크플로 - Tailwind, 인라인, 블록 출력 기능을 지원하는 CSS 복사 패널 - 폰트 및 컴퓨티드 스타일 검사 기능 - 옵션 페이지에서 인스펙터 섹션 설정 가능 가볍고 효율적인 CSS 디버깅을 위한 Chrome 확장 프로그램을 찾고 있다면, Pesticide가 바로 그 해답입니다.
5점 만점에 4.9점평점 83개
세부정보
개인정보 보호
Pesticide - 고급 CSS 디버거에서 데이터 수집 및 사용과 관련하여 다음 정보를 공개했습니다. 더 자세한 정보는 개발자의 privacy policy을 참고하세요.
Pesticide - 고급 CSS 디버거 항목은 다음을 처리합니다.
개발자가 사용자 데이터에 관해 다음과 같이 선언했습니다
- 승인된 사용 사례를 제외하고 서드 파티에 판매하지 않음
- 항목의 핵심 기능과 관련 없는 목적으로 사용하거나 전송하지 않음
- 신용도 판단 또는 대출 목적으로 사용하거나 전송하지 않음
지원
질문, 제안 또는 문제와 관련하여 도움이 필요하면 데스크톱 브라우저에서 이 페이지를 여세요.