Chrome DevTools MCP

에이전트가 실행 중인 Chrome을 DevTools 수준으로 조작·검사해 성능 추적, 네트워크·콘솔 디버깅을 하게 해 주는 MCP 서버입니다.

MCP 서버테스트ChromeDevTools 제작 · 비공식 한국어 정리
원본 저장소

설치 전에 Node.js LTS와 npm, 최신 안정판 Chrome이 필요합니다.터미널에서 실행claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest

언제 쓰면 좋나

웹 앱의 성능 병목을 트레이스로 분석하거나 네트워크 요청, 콘솔 오류를 에이전트가 직접 확인하게 하고 싶을 때 맞습니다. 퍼피티어 기반이라 동작 후 결과를 자동으로 기다려 안정적인 자동화가 가능합니다. 간단한 작업만 필요하면 slim 모드로 가볍게 돌릴 수 있습니다.

설치

설치 전에 알아 둘 것

Node.js LTS와 npm, 최신 안정판 Chrome이 필요합니다.

아래 명령은 Claude Code 기준입니다. Cursor에서는 원본 저장소의 설치 안내를 따르세요.

  1. 터미널에서 실행
    claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest

주의할 점

Google이 사용 통계를 기본으로 수집하며 –no-usage-statistics로 끌 수 있고, 성능 도구는 트레이스 URL을 CrUX API로 보낼 수 있습니다(–no-performance-crux로 해제). 브라우저 내용이 MCP 클라이언트에 노출되므로 민감한 정보에 주의해야 합니다.

커뮤니티 반응

이미 열려 있는 브라우저 세션에 붙어 네트워크 요청, DOM, 성능을 직접 들여다볼 수 있어 디버깅이나 웹 API 역분석에 유용하다는 평가가 있습니다. 다만 브라우저 상태를 통째로 넘겨 토큰 소모가 크다는 지적이 많고, 일반 자동화 용도라면 Playwright(CLI 포함)보다 나은 점이 뭔지 모르겠다는 회의적인 반응과 WSL·Windows 환경에서 Chrome 연결이 안 되는 설정 문제도 자주 보고됩니다.

다른 사용자들의 공개 후기를 요약했습니다(2026-10-09 확인).

함께 비교한 글

비슷한 도구

Chrome DevTools MCP 대신 쓸 만한 도구와 같은 테스트 카테고리에서 별이 많은 도구입니다.