개념

• 웹 페이지의 내부 구조, 코드, 성능, 네트워크 문제 등을 쉽게 분석하고 디버깅할 수 있도록 브라우저에 내장된 도구

특징

• 원하는 영역을 클릭하면 해당 요소의 HTML 구조와 적용된 스타일을 실시간으로 보여준다.
• 서버로 오가는 모든 데이터를 추적할 수 있다.
• 콘솔에서 명령을 실행하거나, 소스 탭에서 코드를 한 줄씩 실행하며 버그를 찾을 수 있다.
• 성능, 메모리, 접근성을 분석할 수 있다.
• 네트워크 패널로 서버 통신 문제, 성능 병목 현상 등을 파악한다.
• 디바이스 툴바로 모바일, 태블릿 등 다양한 기기에서의 화면을 확인한다.