게시일: 2026년 6월 2일
Chrome 149에서는 AI 지원이 크게 업그레이드되고, 애플리케이션 패널에 실험용 WebMCP 디버깅 도구가 도입되며, 코드 완성 지원이 CSS로 확장됩니다.
상담사용 DevTools
상담사용 Chrome DevTools의 MCP 서버 및 CLI가 이제 공식적으로 안정화되었습니다. 전체 공지사항은 여기에서 확인하세요.
v1.1.1 출시까지 추가된 주요 기능과 새로운 도구는 다음과 같습니다.
- 맞춤 서드 파티, 페이지 노출 도구: 이제 페이지에서 JavaScript를 통해 맞춤 디버깅 도구 를 정의할 수 있으며, 상담사용 DevTools에서 이를 검색하고 호출할 수 있습니다.
- WebMCP 디버깅: 이제 상담사용 DevTools에서 WebMCP 도구를 나열하고 실행할 수 있습니다.
- 맞춤 HTTP 헤더 에뮬레이션: 에뮬레이션 도구에 HTTP 헤더 (예: 인증 토큰 또는 맞춤 사용자 에이전트) 지원을 추가합니다.
서드 파티 도구 및 WebMCP 디버깅은 아직 실험 중이며 기본적으로 사용 설정되어 있지 않습니다. 사용 방법에 관한 정보는 도구 참조 를 확인하세요. 이러한 기능을 프로덕션에 사용할 수 있게 되면 developer.chrome.com에 자세한 문서를 제공할 예정입니다.
상담사용 DevTools에 관한 최신 업데이트를 확인하고 참여하려면 GitHub 저장소를 방문하세요. 문서를 시작하거나 포괄적인 Google I/O 동영상 세션 상담사용 Chrome DevTools로 AI 코딩 워크플로를 강화하여 빠르게 시작하세요.
AI 어시스턴스
AI 어시스턴스 패널에 대화 환경을 개선하고 더 심층적인 페이지 통계를 제공하기 위한 중요한 사용자 인터페이스 업데이트와 새로운 도구가 추가되었습니다.
- 상담사 둘러보기: 이제 AI 어시스턴스에서 일반 텍스트 마크다운 대신 채팅 인터페이스 내에 직접 위젯을 렌더링합니다. 이러한 위젯은 Core Web Vitals 및 관련 통계, LCP 요소, LCP 분석, 하향식 스레드 활동 등을 다룹니다. 위젯 내부의 표시 링크를 클릭하면 DevTools 내에서 이 정보의 소스로 이동합니다.
- 코딩 에이전트에 복사: 이제 대화가 프롬프트로 요약되거나 선택한 코딩 에이전트에 붙여넣을 수 있도록 대화 내용을 그대로 복사하는 전용 버튼으로 종료됩니다.
- 업그레이드된 기능: 이제 AI 어시스턴스에서 Lighthouse 및 관련 통계에 액세스할 수 있으므로 페이지를 전체적으로 분석하고 맞춤 조언을 제공할 수 있습니다.
- 개선된 응답: AI 어시스턴스는 Gemini 3을 내부적으로 사용하고 서문을 개선하여 더 간결하고 실행 가능한 답변을 제공합니다.
- 탐색 개선: 이제 위쪽 화살표 및 아래쪽 화살표 키를 사용하여 이전 채팅 프롬프트를 탐색할 수 있으므로 이전 쿼리를 빠르고 직관적으로 구체화하거나 다시 실행할 수 있습니다.
전용 의견 버그에 댓글을 달아 의견을 알려주세요. 코딩 에이전트에 복사를 위해 Chrome 152에서는 AI 어시스턴스를 통한 자동 스타일 지정 수정 지원이 지원 중단됩니다.
WebMCP
이 출시에서는 애플리케이션 패널 사이드바 내에 실험용 WebMCP 디버깅 도구가 도입됩니다. WebMCP (웹 모델 컨텍스트 프로토콜)를 사용하면 웹페이지에서 방문하는 LLM 에이전트가 사용할 도구를 등록할 수 있습니다. 제안된 표준에 관한 자세한 내용은 문서를 참고하세요.
새로운 디버깅 도구를 사용하면 개발자가 다음 작업을 할 수 있습니다.
- 클라이언트 측 도구 및 스키마를 검사합니다.
- 맞춤 매개변수로 도구 실행을 수동으로 실행합니다.
- 활성 또는 대기 중인 도구 호출 이벤트를 추적하고 필터링합니다.
- 실행 상태를 모니터링하고 반환 페이로드를 검사합니다.
WebMCP는 초기 프리뷰에서 제안된 웹 표준입니다. chrome://flags에서 #devtools-webmcp-support 및 #enable-webmcp-testing 플래그를 사용 설정하여 실험을 시작하세요.
Chromium 문제: 494516094
CSS 코드 완성
이제 스타일 탭에 Gemini를 사용한 CSS 코드 완성 기능이 제공되며, 콘솔 및 소스 패널 지원을 기반으로 합니다. 설정 > AI 혁신 > 코드 추천 에서 코드 추천을 사용 설정합니다.
이를 통해 정확한 구문을 기억하지 않고도 그라데이션이나 그림자와 같은 CSS 속성의 더 복잡한 조합을 실험해 볼 수 있습니다. 또는 여러 관련 속성을 사용하여 그리드 및 플렉스 레이아웃을 빠르게 빌드할 수 있습니다.
스타일 탭 하단의 툴바에는 로드 스피너를 통해 상태가 표시됩니다. 입력할 때 추천이 업데이트되거나 지워지므로 AI 생성 텍스트가 수동 수정과 관련성을 유지합니다.
APCA 색상 대비 가이드라인이 안정화됨
고급 지각 대비 알고리즘 (APCA) 대비 계산기가 실험 단계를 공식적으로 벗어나 이제 표준 환경설정으로 제공됩니다. APCA는 기존 AAA/AA 대비 가이드라인을 최신 디스플레이 및 텍스트 렌더링에 최적화된 최신 지각 대비 모델로 대체합니다.
이제 설정 > 환경설정 > 요소 > APCA 대비 가이드라인 사용 설정 아래에 있는 체크박스를 사용하여 APCA 가이드라인을 사용 설정하거나 사용 중지할 수 있습니다.
동적 기기 모드 사용자 에이전트
이전에는 반응형 기기 모드에서 하드 코딩된 사용자 에이전트 문자열(Android 6.0; Nexus 5)을 사용했습니다. 이로 인해 보고된 OS가 10년 이상 된 것으로 인식되어 최신 웹사이트의 기능이 저하되거나 호환성 모드가 트리거되었습니다.
하드 코딩된 사용자 에이전트가 현재 연도를 기반으로 자동 업데이트되는 동적 휴리스틱으로 대체되어 DevTools에서 수동 유지보수 없이 항상 그럴듯한 최신 환경을 보고합니다.
기타
이 출시에는 다음과 같은 소규모 개선사항과 버그 수정이 포함되어 있습니다.
- 콘솔: 콘솔 패널 툴바에 모두 접기 / 펼치기 전환 버튼을 추가하여 활성 콘솔 그룹과 스택 트레이스를 모두 한 번에 빠르게 펼치거나 접을 수 있습니다. (427657550)
- 애플리케이션: 클릭 가능한 하이퍼링크가 애플리케이션 메타데이터 뷰의 저장소 버킷 필드에서 정적 텍스트를 대체했습니다. 버킷 링크를 클릭하면 저장소 버킷 사이드바 패널에서 해당 버킷으로 자동 이동하고 강조표시합니다. (435311130)
- 애플리케이션: 비정상 종료 회귀를 해결한 후 서비스 워커에 대한 전체 저장소 검사 지원을 다시 사용 설정했습니다. (406991275, 466134219)
- 애플리케이션: 미리 로드 패널 내에서
form_submission사전 렌더링 이벤트 검사 지원을 추가했습니다. (346555939, 488078903) - 애플리케이션: 기기 바인딩 세션 사용자 인증 정보 (DBSC)
관리를 구현하여 개발자가 컨텍스트 메뉴에서 또는
Delete또는Backspace키를 눌러 활성 세션을 지우거나 삭제할 수 있습니다. (471017387) - 요소: 문제 패널에서 숨겨진 문제를 나타내는 DOM 노드의 강조표시가 이제 문제 필터 작업에 따라 동적으로 업데이트됩니다 (표시되거나 사라짐). (40272723)
- 네트워크: 이제 서버 전송 이벤트 (SSE)가 완전히 직렬화되어 HAR 내보내기에 포함되므로 진행 중인 실시간 이벤트 스트림 캡처를 저장하고 DevTools로 다시 가져올 수 있습니다. (494294071)
- 성능: 라이브 측정항목 뷰에서 Core Web Vitals 추적을 수정하여 추적을 기본 프레임 실행 컨텍스트에 엄격하게 고정하고 동적 iframe 변동으로 인해 측정항목이 재설정되지 않도록 했습니다. (494350655)
- 성능:
web-vitals를 v5.2.0으로 업그레이드하여 INP 모니터링 중에 메모리 누수를 위한 기본 업스트림 수정을 도입했습니다. (484342204)