Chrome DevTools MCP — 콘솔 오류를 Claude가 직접

운영자2026.09.30

내가 쓰는 Chrome의 탭과 콘솔 오류를 Claude가 직접 보게 해 주는 크롬 팀 공식 MCP 서버입니다.

Chrome DevTools MCP 설치를 부탁해.

원본: https://github.com/ChromeDevTools/chrome-devtools-mcp
설명: https://ddalkkak.ssemgong.com/p/chrome-devtools-mcp/raw

설치 명령:
```
claude mcp add chrome-devtools -- npx chrome-devtools-mcp@latest
```

순서
1. 원본 저장소의 README를 먼저 읽고, 위 명령이 지금도 맞는지 확인해.
2. 위 명령을 터미널에서 실행해. 내 운영체제에 맞지 않으면 README에 있는 방법으로 바꿔서 해.
3. 끝나면 설치됐는지 확인하는 명령(버전 확인 등)을 실행해 결과를 알려 줘.
4. API 키·로그인·유료 결제가 필요하면 멈추고 나에게 물어봐. 키를 만들거나 추측하지 마.

Claude Code·Codex 같은 AI 코딩 도구에 그대로 붙여 넣으면 원본을 확인하고 설치까지 해 줍니다.

이런 걸 해요

열린 Chrome에 연결(--autoConnect)
콘솔 에러·네트워크 확인
API 키 불필요

종류: MCP
분류: 개발
만든 곳: ChromeDevTools (Google)
라이선스: Apache-2.0
원본: github.com/ChromeDevTools/chrome-devtools-mcp
참고한 글: 게으른 빌더 · 클로드 코드에 무조건 깔아야 하는 MCP 5개 — 직접 써 보고 다시 정리했어요