Product Hunt
Screen Ruler
Edit anything on the web with change tracking
DevTool WebDesign Frontend ChromeExtension
About the Product
웹 페이지 요소의 수치 측정부터 실시간 CSS 편집 및 변경 이력 관리까지 가능한 크롬 확장 프로그램
🙋 사용자에게 어떤 점이 좋은가
디자이너와 개발자가 웹 UI를 실시간으로 테스트하고, CSS 변경 사항을 즉각적으로 시뮬레이션하며 검증할 때 매우 유용합니다.
💡 Key Highlights
- 라이브 웹 페이지 요소의 정밀한 측정 및 검사 기능
- 클릭 한 번으로 매칭된 CSS 값을 확인하고 즉시 인라인 편집 가능
- hover, focus 상태 및 @media 쿼리 내 요소까지 지원
✅ 추천 액션
- • 웹 요소 클릭하여 CSS 값 확인하기
- • 인라인 편집 기능을 통한 UI 레이아웃 수정 테스트
- • 변경 이력(Change tracking) 기능을 통한 수정 사항 검토
확인할 점
- • 브라우저 확장 프로그램이므로 로컬 환경이 아닌 실제 운영 중인 웹 페이지에 직접 적용되는 방식임
- • 편집된 내용은 브라우저 세션 내에서만 유지되며 영구 저장되지 않음
Editor's Note
This product was trending on Product Hunt. The summary above is AI-generated based on the product's tagline and description.