Chrome DevTool MCP
AI가 Chrome 개발자 도구를 직접 제어할 수 있게 해주는 MCP 서버입니다.
핵심 기능
▸
콘솔 제어: JavaScript 콘솔 명령 실행
▸
네트워크 분석: API 호출 모니터링 및 분석
▸
DOM 조작: 페이지 요소 검사 및 수정
▸
성능 분석: 페이지 로딩 성능 측정
왜 유용한가?
웹 개발 중 디버깅할 때 AI에게 "이 페이지 왜 느린지 분석해줘"라고 하면, AI가 직접 DevTools를 열어서 분석합니다.
활용 시나리오
개발자: "이 페이지의 API 호출이 왜 실패하는지 봐줘"
AI: Chrome DevTools → Network 탭 → 실패한 요청 확인
→ 원인 분석 → 해결 방법 제시프론트엔드 개발자에게 필수 MCP입니다.