onHover: 웹 개발자를 위한 필수 도구 키트
onHover는 프론트엔드 개발자, 디자이너 및 QA 엔지니어를 위해 설계된 무료 Chrome 애드온입니다. 이 경량 개발자 도구 키트는 브라우저 툴바에 도구 모음을 직접 제공하여 일반적인 웹 개발 작업을 간소화하며, DevTools를 지속적으로 열 필요성을 없애줍니다. 주요 기능으로는 요소 검사기, 색상 선택기, 주석 기능이 있는 스크린샷 캡처, 그리고 워크플로우나 버그를 문서화하기 위한 화면 녹화기가 포함됩니다. 또한, 웹 페이지 메타데이터를 감사하기 위한 SEO 분석기와 실시간 성능 모니터링을 위한 Core Web Vitals 배지를 제공합니다.
가장 추천하는 대안 프로그램
요소 검사기는 사용자가 웹 페이지의 어떤 요소 위에 마우스를 올려놓으면 즉시 그 요소의 치수, 스타일 및 CSS 클래스를 볼 수 있게 해줍니다. 색상 선택기는 웹 페이지에서 색상을 선택하고 개인 팔레트에 저장하는 과정을 간소화합니다. 스크린샷 캡처 기능은 전체 페이지 캡처 및 사용자 지정 영역 선택을 포함한 다양한 모드를 지원합니다. 항상 켜져 있는 콘솔 및 네트워크 로그 패널은 컨텍스트를 전환할 필요 없이 실시간 통찰력을 제공하여 디버깅을 향상시킵니다. 이 도구는 웹 페이지 개발 또는 검토에 참여하는 모든 사람에게 이상적입니다.
