UI Forensics

웹페이지 요소를 편집, 캡처, 검사할 수 있는 확장프로그램

이 확장프로그램은 프론트엔드/마크업 작업을 빠르게 검수할 수 있도록 돕는 올인원 요소 분석 도구입니다. 페이지에서 요소를 클릭해 텍스트를 수정하거나, 요소 단위 스크린샷을 저장하고, 간격/속성/DOM 구조/폰트 정보를 시각적으로 확인할 수 있습니다. ✏️ 편집 모드 텍스트를 클릭하고 바로 수정하세요. Enter로 저장, ESC로 취소. 📷 캡처 모드 원하는 요소를 클릭하면 해당 영역만 스크린샷으로 저장됩니다. 📏 간격 모드 margin, padding, position, transform 값을 색상별로 시각화합니다. 🏷️ 정보 모드 태그명, ID, 클래스, 속성 정보를 배지 형태로 한눈에 확인하세요. 🌳 트리 모드 선택한 요소의 DOM 구조를 JSON 또는 SVG로 다운로드합니다. 🔤 폰트 모드 font-size, weight, line-height, family를 즉시 확인합니다. 🎨 컬러 모드 페이지에서 사용 중인 CSS 변수와 하드코딩된 색상을 분석합니다. 🗑️ 삭제 모드 쿠키, 스토리지, 캐시 등 사이트 데이터를 선택적으로 삭제합니다.