Chrome DevTools MCP — 콘솔 오류를 Claude가 직접
원문: 딸깍코드(동원샘) — https://ddalkkak.ssemgong.com/p/chrome-devtools-mcp, 허락을 받아 옮겨 실었습니다. 각 도구의 저작권·라이선스는 원작자에게 있습니다.
내가 쓰는 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 키 불필요
설치 프롬프트
# Chrome DevTools MCP — 콘솔 오류를 Claude가 직접
내가 쓰는 Chrome의 탭과 콘솔 오류를 Claude가 직접 보게 해 주는 크롬 팀 공식 MCP 서버입니다.
- 종류: MCP · 분류: 개발
- 원본: https://github.com/ChromeDevTools/chrome-devtools-mcp
- 라이선스: Apache-2.0
## 설치
```
claude mcp add chrome-devtools -- npx chrome-devtools-mcp@latest
```
출처: 딸깍코드 https://ddalkkak.ssemgong.com/p/chrome-devtools-mcp
## 이런 걸 해요
- 열린 Chrome에 연결(--autoConnect)
- 콘솔 에러·네트워크 확인
- API 키 불필요 원문: 딸깍코드(동원샘) — https://ddalkkak.ssemgong.com/p/chrome-devtools-mcp, 허락을 받아 옮겨 실었습니다. 각 도구의 저작권·라이선스는 원작자에게 있습니다.