UI Forensics

About

이 확장프로그램은 프론트엔드/마크업 작업을 빠르게 검수할 수 있도록 돕는 올인원 요소 분석 도구입니다.
페이지에서 요소를 클릭해 텍스트를 수정하거나, 요소 단위 스크린샷을 저장하고, 간격/속성/DOM 구조/폰트 정보를 시각적으로 확인할 수 있습니다.

✏️ 편집 모드
텍스트를 클릭하고 바로 수정하세요. Enter로 저장, ESC로 취소.

📷 캡처 모드
원하는 요소를 클릭하면 해당 영역만 스크린샷으로 저장됩니다.

📏 간격 모드
margin, padding, position, transform 값을 색상별로 시각화합니다.

🏷️ 정보 모드
태그명, ID, 클래스, 속성 정보를 배지 형태로 한눈에 확인하세요.

🌳 트리 모드
선택한 요소의 DOM 구조를 JSON 또는 SVG로 다운로드합니다.

🔤 폰트 모드
font-size, weight, line-height, family를 즉시 확인합니다.

🎨 컬러 모드
페이지에서 사용 중인 CSS 변수와 하드코딩된 색상을 분석합니다.

🗑️ 삭제 모드
쿠키, 스토리지, 캐시 등 사이트 데이터를 선택적으로 삭제합니다.