Chrome DevTools MCP - 활성 브라우저 세션 연결
AI 에이전트가 개발자가 현재 사용 중인 브라우저 세션에 직접 접속해 디버깅 가능. Chrome M144 이상 지원.
문제 상황
버그 발견 → DevTools에서 실패한 요청 찾음
→ AI 에이전트에게 조사 시키려면?
→ 에이전트는 새 창 열고 로그인부터 다시 해야 함
→ 맥락 끊김
해결책: —autoConnect
Chrome DevTools 팀이 Chrome DevTools MCP 서버에 활성 브라우저 세션 연결 기능을 추가.
| 기존 | 이번 업데이트 |
|---|---|
| 에이전트 전용 별도 프로필로 새 Chrome 실행 | 현재 실행 중인 Chrome에 연결 |
| 빈 상태의 새 브라우저에서 시작 | 개발자가 로그인/작업 중인 환경 그대로 사용 |
| 원격 디버그 포트 미리 열어야 함 | --autoConnect로 자동 연결 요청 |
작동 방식
① Chrome M144에서 chrome://inspect/#remote-debugging 접속 → 원격 디버깅 활성화
② MCP 서버 설정에 --autoConnect 인수 추가
③ 에이전트에게 작업 요청 → Chrome이 연결 허용 다이얼로그 표시
④ 개발자 승인 → 연결 완료
연결 중에는 “자동화 소프트웨어가 Chrome을 제어 중입니다” 배너 표시.
활용 예시
맥락의 연속성
개발자가 이미 발견하고 포커스한 지점에서 에이전트가 작업을 이어받음:
[Elements 패널에서 특정 요소 선택]
→ "이 요소의 스타일 문제를 조사해줘"
[Network 패널에서 실패한 요청 선택]
→ "왜 이 요청이 실패하는지 분석해줘"
보안
| 항목 | 내용 |
|---|---|
| 기본 상태 | 원격 디버깅 비활성화 |
| 활성화 | 개발자가 명시적으로 켜야 함 |
| 연결 승인 | MCP 서버가 연결 요청할 때마다 매번 사용자 승인 필요 |
| 목적 | 악성 MCP 서버의 무단 접근 방지 |
요구사항
- Chrome M144 이상 (현재 베타)
- Chrome DevTools MCP 서버
참고
Chrome DevTools 팀은 이것이 첫걸음이라고 밝히며, 앞으로 더 많은 DevTools 패널 데이터를 MCP를 통해 에이전트에 노출할 계획.