에이전트를 위한 Chrome DevTools

에이전트를 위한 Chrome DevTools(chrome-devtools-mcp)는 Gemini, Claude, Cursor 또는 Copilot과 같은 코딩 에이전트가 실시간 Chrome 브라우저를 제어하고 검사할 수 있게 해줍니다. 이는 모델-컨텍스트-프로토콜 (MCP) 서버 역할을 하며, AI 코딩 도우미가 Chrome DevTools의 전체 기능에 접근하여 신뢰할 수 있는 자동화, 심층 디버깅 및 성능 분석을 수행할 수 있도록 합니다. MCP 없이 사용하기 위한 CLI도 제공됩니다.

도구 참조 | 변경 로그 | 기여 | 문제 해결 | 설계 원칙

주요 기능

• 성능 통찰력 확보: Chrome DevTools를 사용하여 트레이스를 기록하고 실행 가능한 성능 통찰력을 추출합니다.
• 고급 브라우저 디버깅: 네트워크 요청을 분석하고, 스크린샷을 찍으며 브라우저 콘솔 메시지(소스 매핑된 스택 트레이스 포함)를 확인합니다.
• 신뢰할 수 있는 자동화: Puppeteer를 사용하여 Chrome에서 작업을 자동화하고 작업 결과를 자동으로 기다립니다.

면책 조항

chrome-devtools-mcp는 브라우저 인스턴스의 내용을 MCP 클라이언트에 노출하여 브라우저 또는 DevTools의 데이터를 검사, 디버깅 및 수정할 수 있게 합니다. MCP 클라이언트와 공유하고 싶지 않은 민감하거나 개인적인 정보를 공유하지 마십시오.

chrome-devtools-mcp는 공식적으로 Google Chrome과 Chrome for Testing만 지원합니다. 다른 Chromium 기반 브라우저에서도 작동할 수 있지만, 이는 보장되지 않으며 예기치 않은 동작이 발생할 수 있습니다. 사용자는 이에 대한 책임이 있습니다. 우리는 최신 버전에 대한 수정 및 지원을 제공하기 위해 최선을 다하고 있습니다.

---

🌐 본 텍스트는 빠른 이해를 돕기 위한 요약 번역본입니다. 정확한 기술 정보 및 전체 코드는 GitHub 원문에서 확인하실 수 있습니다.