Hover Debug Overlay 용 Google Chrome

호버 디버그 오버레이로 웹 요소를 쉽게 검사하세요

Hover Debug Overlay는 웹 요소를 검사하는 과정을 간소화하기 위해 개발자와 디자이너를 위해 설계된 무료 Chrome 확장 프로그램입니다. 이 경량 도구는 실시간으로 요소의 치수를 표시하는 시각적 오버레이를 제공하며, 상단, 왼쪽, 오른쪽 및 하단 가장자리에 대한 레이블로 경계를 강조 표시합니다. 또한 사용자는 요소의 태그 이름, ID 및 클래스를 볼 수 있어 웹 개발 작업에 실용적인 리소스가 됩니다.

이 확장 프로그램은 도구 모음에서 간단한 원클릭 활성화/비활성화 옵션을 제공하며, 사용자가 마우스 오른쪽 버튼 클릭을 통해 요소 설명자를 클립보드에 직접 복사할 수 있도록 합니다. 사용자 정의 옵션은 컨텍스트 메뉴를 통해 제공되며, 사용자는 요소 이름 및 가장자리 레이블의 표시를 전환할 수 있습니다. Manifest V3로 구축된 Hover Debug Overlay는 브라우저 내에서 완전히 작동하여 사용자 개인 정보 보호를 보장하고 데이터 수집이나 원격 요청 없이 원활한 경험을 제공합니다.