Chrome DevTools MCP의 개요
Google이 이제 Chrome DevTools for agents라고 부르는 Chrome DevTools MCP는 에이전트에게 실제 Chrome 브라우저와 DevTools의 검사 도구를 제어하게 합니다. 클릭과 양식 입력을 넘어, 성능 트레이스를 기록하고, 소스 맵이 적용된 스택 트레이스와 함께 네트워크 요청과 콘솔 메시지를 읽고, Lighthouse 감사를 실행하고, 힙 스냅숏을 분석할 수 있습니다.
Node.js LTS 릴리스에서 npx -y chrome-devtools-mcp@latest로 설치합니다. 도구 레퍼런스에는 59개의 도구가 있습니다. 메모리 도구에는 --memoryDebugging, 좌표 클릭에는 --experimentalVision이 필요하고, --slim은 도구를 3개로 줄입니다. 자체 Chrome을 띄울 수도 있고, --autoConnect로 실행 중인 Chrome에 붙거나 원격 디버깅 포트로 연결할 수도 있습니다. 공식 지원은 Google Chrome과 Chrome for Testing뿐입니다.
버전 1.12.0은 1.11.0 출시 일주일 뒤인 2026년 10월 22일에 나왔습니다. 패키지에는 MCP보다 명령어를 선호하는 에이전트를 위한 chrome-devtools CLI와 스킬도 들어 있습니다.
Chrome DevTools MCP 설치 방법
npx -y chrome-devtools-mcp@latestChrome DevTools MCP, 쓸 만한 가치가 있습니까?
Chrome DevTools MCP는 우선 디버거이고 브라우저 조작 도구는 그다음이며, 이것이 Playwright MCP와 비교할 때의 강점입니다. performance_start_trace와 performance_analyze_insight는 트레이스 분석 결과를 돌려주 고, list_network_requests와 get_network_request는 실패한 호출을 보여 주며, 콘솔 메시지는 소스 맵이 적용된 스택 트레이스와 함께 옵니다. compare_heapsnapshots와 get_heapsnapshot_retaining_paths 같은 힙 스냅숏 도구는 Playwright MCP가 시도하지 않는 메모리 누수 작업으로 에이전트를 이끕니다.
프로젝트는 빠르게 움직입니다. GitHub 스타는 54,000개를 넘었고, 1.12.0 릴리스는 독립적인 도구 호출의 병렬 실행, 설정의 실시간 다시 불러오기, 브라우저 연결 없는 힙 분석을 추가했습니다. 대가는 범위입니다. 59개의 도구는 모델의 컨텍스트에 무거운 부담이며, 그래서 --slim이 있지만 도구 3개는 거친 대안입니다.
기본값은 Google로 데이터를 보냅니다. --no-usage-statistics를 넘기거나 CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS를 설정하지 않으면 도구 성공률, 지연 시간, 환경 정보 같은 사용 통계가 수집됩니다(CI를 설정해도 꺼집니다). --no-performance-crux를 넘기지 않으면 성능 도구가 트레이스 URL을 Chrome UX Report API로 보낼 수 있습니다. 서버는 주기적으로 npm에서 업데이트도 확인합니다.
로컬 노출에도 같은 주의가 필요합니다. ~/.cache/chrome-devtools-mcp/chrome-profile의 프로필은 --isolated를 넘기지 않으면 실행 사이에 유지되며, 문서는 원격 디버깅 포트를 열면 컴퓨터의 어떤 애플리케이션이든 브라우저를 제어할 수 있다고 경고합니다. 중간 심각도의 보안 권고가 4건 공개되었고, 최근 2건은 2026년 10월 22일에 공개되었는데 이미 1.4.0과 1.5.0에서 고친 버그였습니다. URL 허용 목록과 차단 목록을 우회한 서비스 워커 fetch, 그리고 MCP roots를 벗어난 심볼릭 링크 경로입니다. Chrome만 지원하므로 여러 브라우저에 걸친 작업은 여전히 Playwright의 몫입니다.
제 역할을 하는 곳
상품 페이지가 느린 전자상거래 사이트의 성능 엔지니어
로딩 시간을 늦추는 원인을 찾고 수정안을 내기
에이전트가 performance_start_trace로 트레이스를 기록하고, 분석 결과를 읽고, 네트워크 워터폴을 확인한 뒤 코드를 고칩니다. 스테이징 URL이 Google에 닿으면 안 된다면 --no-performance-crux로 실행합니다.
싱글 페이지 대시보드의 메모리 누수를 쫓는 React 개발자
분리된 DOM 노드를 붙잡고 있는 컴포넌트를 찾아내기
--memoryDebugging으로 서버를 시작하고, 의심되는 라우트 변경 전후로 힙 스냅숏을 찍은 뒤, 에이전트가 둘을 비교하고 retaining path를 따라가게 합니다. 무료이지만, 큰 앱의 힙 스냅숏은 분석이 느립니다.
개발자 25명 규모 에이전시의 엔지니어링 리드
고객 데이터를 유출하지 않고 개발자들이 에이전트로 고객 사이트를 디버깅하게 하기
공유 MCP 설정에 --isolated와 --no-usage-statistics를 표준으로 넣고, 개인 Chrome 프로필 연결을 금지합니다. 그러면 고객 로그인 정보가 영구 프로필에 남지 않고 사용 데이터도 Google로 가지 않습 니다.
도입 전 확인할 점
- 설정
- Claude, Cursor, Copilot, Antigravity, Gemini CLI 등의 클라이언트에서 npx -y chrome-devtools-mcp@latest를 씁니다. 브라우저는 그것이 필요한 첫 도구 호출 때 시작되므로, 첫 트레이스까지 몇 분이 걸립니다.
- 연동
- 11개 그룹에 59개의 도구가 있으며, navigate_page, click, fill_form, evaluate_script, lighthouse_audit, performance_start_trace, list_network_requests와 힙 스냅숏 도구 14개가 포함됩니다. --slim은 navigate, evaluate, screenshot만 남깁니다.
- 데이터와 개인정보
- 브라우저 프로필의 모든 것을 MCP 클라이언트에 노출합니다. 사용 통계는 기본으로 Google에 가고, 트레이스 URL은 CrUX로 갈 수 있습니다. 2026년에 중간 심각도의 보안 권고가 4건 공개되었으며, 모두 1.5.0 이전 버전에 해당합니다.
- 대규모 사용 시 비용
- 무료입니다. 비용은 스냅숏과 트레이스에 드는 모델 토큰, 그리고 동시 세션마다 로컬 Chrome 하나입니다.
- 제한
- 공식 지원은 Google Chrome과 Chrome for Testing뿐입니다. 메모리 도구와 비전 도구는 플래그 뒤에 있습니다. 기본 프로필 디렉터리는 한 번에 브라우저 하나만 쓸 수 있습니다.
좋은 점
- 서버 하나에 성능 트레이스, 네트워크, 콘솔, 힙 스냅숏이 있습니다
- Chrome DevTools 팀이 만들며 릴리스가 잦습니다
- Lighthouse 감사와 소스 맵이 적용된 스택 트레이스를 제공합니다
- 실행 중인 Chrome에 붙거나 자체 Chrome을 띄웁니다
아쉬운 점
- 사용 통계가 기본으로 Google에 전송됩니다
- 끄지 않으면 트레이스 URL이 CrUX API로 갈 수 있습니다
- 전체 모드는 도구가 59개이고, slim 모드는 3개만 남깁니다
- Chrome 전용이며, 2026년에 보안 권고가 4건 있었습니다
추천 대상
Chrome에서 런타임 오류, 느린 페이지, 메모리 누수를 에이전트가 진단하게 하고 싶은 프런트엔드 엔지니어와 성능 엔지니어입니다.
Chrome DevTools MCP 대안
Chrome DevTools MCP: 자주 묻는 질문
- Chrome DevTools MCP, 쓸 만한 가치가 있습니까?
- 에이전트가 페이지를 클릭해 보는 데 그치지 않고 왜 느리거나 고장 났는지 알아야 할 때, 그 답을 줄 수 있는 서버입니다. 평점은 5점 만점에 4.6점입니다.
- Chrome DevTools MCP의 가격은 얼마입니까?
- 무료이며 Apache-2.0 라이선스입니다. 거부하지 않으면 사용 통계가 Google로 전송됩니다.
- Chrome DevTools MCP의 단점은 무엇입니까?
- 사용 통계가 기본으로 Google에 전송됩니다; 끄지 않으면 트레이스 URL이 CrUX API로 갈 수 있습니다; 전체 모드는 도구가 59개이고, slim 모드는 3개만 남깁니다; Chrome 전용이며, 2026년에 보안 권고가 4건 있었습니다.
- Chrome DevTools MCP에 적합한 사람은 누구입니까?
- Chrome에서 런타임 오류, 느린 페이지, 메모리 누수를 에이전트가 진단하게 하고 싶은 프런트엔드 엔지니어와 성능 엔지니어입니다.
- 팀이나 프로덕션 환경에서 Chrome DevTools MCP의 비용은 얼마입니까?
- 무료입니다. 비용은 스냅숏과 트레이스에 드는 모델 토큰, 그리고 동시 세션마다 로컬 Chrome 하나입니다.
- Chrome DevTools MCP에 회사 데이터를 맡겨도 안전합니까?
- 브라우저 프로필의 모든 것을 MCP 클라이언트에 노출합니다. 사용 통계는 기본으로 Google에 가고, 트레이스 URL은 CrUX로 갈 수 있습니다. 2026년에 중간 심각도의 보안 권고가 4건 공개되었으며, 모두 1.5.0 이전 버전에 해당합니다.
- Chrome DevTools MCP의 가장 좋은 대안은 무엇입니까?
- 저희가 리뷰한 것 중 가장 가까운 대안은 Playwright MCP 및 Browserbase MCP입니다.
답변 확인일: 2026년 10월 22일.
Chrome DevTools MCP 개발사입니까? 이 평점을 사이트에 표시하십시오
