Chrome DevTools는 Chrome 브라우저에 직접 내장된 웹 개발자 도구 모음입니다. DevTools를 사용하면 즉시 페이지를 수정하고 문제를 진단할 수 있으므로 더 나은 웹사이트를 더 빠르게 빌드할 수 있습니다.
시작하기 출시 노트

AI로 디버그

DevTools의 AI 혁신을 통해 더 많은 작업을 더 빠르게 처리하는 방법을 알아보세요. 에이전트용 DevTools를 사용하여 DevTools의 강력한 기능을 즐겨 사용하는 코딩 에이전트에 연결하세요.
Gemini의 도움을 받아 웹사이트의 스타일, 네트워크, 소스, 성능을 분석하고 개선하세요. 콘솔 및 소스 패널에서 콘솔 오류 및 코드 추천에 대한 도움을 받으세요.
AI 혁신 살펴보기
AI 워크플로 내에서 네트워크 활동을 검사하고, 트레이스를 기록하고, 웹 애플리케이션 문제를 해결하는 데 사용하는 것과 동일한 신뢰할 수 있는 도구를 코딩 에이전트에 제공합니다.

선호하는 도구인 Antigravity, Claude Code, Cline, Copilot 등에 Chrome DevTools MCP (모델 컨텍스트 프로토콜) 서버를 연결합니다.

자세히 알아보기
페이지 실적을 종합적으로 파악하고 실행 가능한 조치를 취하세요.
페이지에서 로드된 리소스를 검사하고 브라우저에서 수정하는 방법을 알아보세요.
네트워크 요청 및 응답을 실시간으로 분석하고 덮어씁니다.

개발자 도구 도움말