Chrome 팀은 DevTools MCP(Model Context Protocol) 서버 의 공개 프리뷰를 발표했습니다. MCP를 통해 AI 기반 코딩 에이전트는 실제 Chrome 인스턴스를 직접 제어하여 성능 추적 , DOM/CSS 검사 , 콘솔 읽기, 스크립트 실행 및 페이지에서 실시간 디버깅을 수행할 수 있습니다 . 이를 통해 브라우저 런타임 상태에서 에이전트의 오랜 "보이지 않고 만질 수 없는" 특성을 해결할 수 있습니다.
공식 블로그와 저장소는 샘플 도구(예: performance_start_trace)를 제공합니다. 에이전트는 Chrome을 실행하고, 대상 사이트를 열고, 성능 추적을 기록하고, 병목 현상을 분석하고, 실행 가능한 최적화 제안을 제공할 수 있습니다. MCP의 표준화된 인터페이스를 기반으로 DevTools 기능은 Gemini, Claude, Cursor, Copilot과 같은 클라이언트에서 재사용할 수 있으며, 웹 성능 최적화, UI 회귀, 엔드투엔드 디버깅과 같은 시나리오에 적합합니다. 현재 공개 베타 버전이며, 향후 기능은 지속적으로 개선될 예정입니다.
자주 묻는 질문
질문: DevTools MCP란 무엇인가요?
답변: AI 에이전트가 표준 도구 호출을 통해 Chrome DevTools 의 디버깅 및 성능 기능을 사용할 수 있도록 하는 MCP 프로토콜을 통해 노출되는 서버입니다.
질문: 구체적으로 어떤 작업을 수행할 수 있나요?
A: 성능 추적을 시작하고, DOM/CSS를 검사하고, 콘솔을 읽고, JS를 실행하고, 추적을 기록하고 분석하고, 자동화된 사용자 프로세스를 지원합니다.
질문: 어떤 프록시/클라이언트가 지원되나요?
답변: MCP를 지원하는 클라이언트의 경우, 공식 예시에 따르면 Gemini, Claude, Cursor, Copilot 등이 모두 통합될 수 있습니다.
질문: 현재 출시 단계는 무엇입니까?
답변: 공개 미리보기 입니다. 코드와 npm 패키지가 제공되며, 피드백을 바탕으로 기능이 반복됩니다.
질문: 기존 CDP(Chrome DevTools Protocol)와는 어떤 관계가 있나요?
A: MCP는 클라이언트와 도구 간의 연결을 표준화하는 상위 수준의 통합 브리지 프로토콜 입니다. 기본 계층은 여전히 DevTools/Chrome 기능을 활용합니다.
