Inspetor Web 용 Google Chrome

Inspetor Web: Chrome용 경량 온페이지 HTML 및 CSS 검사기

알렉상드르 실바 린스 주니어가 개발한 Inspetor Web은 전체 개발자 도구 상자를 열지 않고도 페이지 구조와 스타일을 검사할 수 있는 Chrome 확장 프로그램입니다. 이 도구는 요소 데이터를 정리된 툴팁으로 표시하여 타이포그래피, 레이아웃, 색상, 속성 및 치수를 한눈에 읽을 수 있게 합니다. 이 확장 프로그램은 빠르고 방해가 적은 검사를 중점적으로 제공합니다. 프론트엔드 개발자, 웹 디자이너 및 학생들은 레이아웃을 감사하고 구성 요소 구조를 배울 수 있는 간편한 방법을 얻습니다.

매우 작은 설치 크기가 확장 오버헤드를 줄입니다

이 확장은 40KiB의 크기로 제공되어, 더 무거운 추가 기능과 비교할 때 저장 공간과 초기 로드 영향을 최소화합니다. 이 작은 크기는 설치 프로그램과 확장 번들을 컴팩트하게 유지하여, 브라우저의 확장 카탈로그가 디스크 사용량의 비례적 증가 없이 증가할 수 있게 합니다. 여러 보조 도구를 설치하는 팀이나 학습자에게는 깨끗한 개발 환경을 유지하는 데 있어 디스크 공간이 중요합니다.

개인정보 보호 우선 설계로 외부 데이터 전송을 피합니다

Inspetor Web은 개인 데이터를 수집하거나 외부 서버와 통신하지 않는 개인정보 보호 우선 아키텍처를 사용합니다. 검사가 로컬에서 실행되기 때문에, 이 도구는 클라우드 기반 분석에서 오는 추적 노출을 줄입니다. 이 로컬 전용 동작은 페이지 세부 정보가 텔레메트리 없이 귀하의 기계에서 공개됨을 의미하며, 이는 검사 데이터를 제3자 서비스에서 유지해야 하는 워크플로에 적합합니다.

빠른 활성화와 집중된 오버레이가 즉흥적인 워크플로에 적합합니다

이 도구는 툴바 아이콘이나 Ctrl+Shift+I 키보드 단축키에서 활성화되어 검사 오버레이를 전환하며, 이는 개발 작업 중 빠른 컨텍스트 전환을 지원합니다. 활성화되면, 현재 요소를 강조 표시하여 중첩된 창을 검색하지 않고도 구조를 찾을 수 있습니다. 토글 모델은 디자인 반복 및 교실 연습 중에 간헐적으로 검사를 쉽게 할 수 있게 합니다.

Chromium 브라우저에서 작동하며 전체 개발 도구를 보완합니다

이 확장은 Chrome 및 다음을 포함한 기타 Chromium 기반 브라우저와 호환됩니다:

• Chrome
• Microsoft Edge
• Brave 및 Opera

이 확장은 전체 디버깅 기능 세트보다 더 빠르고 가벼운 검사를 제공하여 브라우저의 내장 개발자 도구에 대한 대안으로 자리 잡고 있습니다; 깊은 검사나 프로파일링이 필요한 개발자는 여전히 기본 도구 상자에 의존합니다.

짧은 검사를 위한 집중 학습 및 빠른 확인 도구

Inspetor Web은 빠른 확인 및 프로토타입 제작 중 페이지 구조를 검사하고자 하는 학습자와 전문가에게 적합한 실용적인 옵션입니다. 전체 개발자 도구를 대체하기보다는 대안으로 설명되기 때문에, 고급 디버깅이 필요한 사용자는 기본 개발 도구를 사용할 수 있어야 합니다. 이 확장 프로그램은 현재 사용 가능하며 Chrome 웹 스토어에서 첫 사용자 평가를 기다리고 있습니다.