게시일: 2026년 7월 28일
Chrome 151에서는 AI 어시스턴스의 에이전트 둘러보기용 위젯이 추가되고, 스타일 탭에 자세한 CSS 우선순위 분석이 표시되며, ::interest-button 가상 요소가 지원되고, DevTools MCP 서버가 대대적으로 업데이트됩니다.
상담사를 위한 DevTools
최근 v1.6.0까지의 출시에서 에이전트용 Chrome DevTools는 Antigravity, Claude, Codex 등 코딩 에이전트의 디버깅 기능을 크게 확장했습니다.
v1.4.0부터 v1.6.0까지의 버전 업데이트에는 다음이 포함됩니다.
- 메모리 디버깅 개선: 새로운
get_heapsnapshot_duplicate_strings도구는 JavaScript 힙에서 중복 문자열 할당으로 인해 발생하는 메모리 낭비를 감지합니다.get_heapsnapshot_details는 총 객체 수와 메모리 크기 집계를 반환하고, 필터링 가능한 힙 스냅샷 집계와 GC 루트 유지 경로를 제공하며, 스냅샷 간 메모리 차이 분석을 지원합니다. - GCF 형식 인코딩 (
experimentalGcfFormat): 지원 클라이언트의 대역폭과 파싱 효율성을 최적화하기 위해 GCF 인코딩 도구 응답 지원이 추가되었습니다. - 동시 다중 에이전트 페이지 라우팅 및 격리된 컨텍스트:
--experimentalPageIdRouting를 사용하면 명시적pageId라우팅을 사용하여 병렬 하위 에이전트가 서로 다른 브라우저 탭에서 동시에 작동할 수 있습니다.--isolated모드와isolatedContext매개변수는 세션별 임시 Chrome 프로필과 스토리지를 만듭니다.
자세한 내용을 알아보고 시작하려면 GitHub의 에이전트용 DevTools 저장소를 참고하세요.
AI 어시스턴스
이미지/스크린캐스트: 새로운 네트워크 트랙 인라인 위젯과 GFM 표 지원이 포함된 대화형 둘러보기를 보여주는 AI 지원 패널
AI 지원 패널은 계속 발전하여 전문 네트워크 트랙 위젯 (성능 패널에서 시간 범위를 확대하기 위한 클릭 한 번 탐색으로 인라인 성능 네트워크 활동을 렌더링)과 네트워크 요청 목록 위젯 (구조화된 요청 매개변수를 대화형 표에 표시)이 포함된 에이전트 둘러보기에서 더 자세한 정보를 제공합니다.
또한 이제 응답 메시지에서 형식이 지정된 표 형식 데이터 요약에 대한 GitHub Flavored Markdown (GFM) 표 렌더링을 완전히 지원합니다.
CSS 특수성 분석 및 ::interest-button 지원
요소 패널은 최신 웹 플랫폼 API를 위한 더 심층적인 CSS 검사 및 작성 도구를 제공합니다.
- 자세한 CSS 특수성 분석: 이제 스타일 탭에서 선택기 이름 위로 마우스를 가져가면 각 클래스, ID, 요소 또는 가상 클래스가
(a, b, c)특수성 계산에 어떻게 기여하는지 분석하는 자세한 도움말이 표시됩니다. @hjanuschka님의 커뮤니티 기여로 제공되었습니다. ::interest-button가상 요소: 이제 DevTools에서 요소 트리 개요와 스타일 탭에서 새로운::interest-buttonCSS 가상 요소 (HTMLinteresttarget사양의 일부)를 완전히 파싱하고 표시합니다.- HTML 관계 속성의 비동기 타겟 연결: 이제
popovertarget,interesttarget,commandfor과 같은 HTML 속성이 타겟 DOM 노드를 비동기적으로 가져와 인라인으로 시각적으로 연결합니다. - 대규모 스타일시트의 지연 렌더링: 이제 요소가 200개의 CSS 속성을 초과하면 스타일 탭에서 지연 속성 데코레이션을 사용하여 렌더링 차단 시간을 수 초에서 밀리초로 줄입니다.
Chromium 문제: 353436867, 453705247, 524406293, 457696384, 524131115
메모리 디버깅: 네이티브 컨텍스트 속성 지정 및 클로저 보관
이제 멀티 프레임 또는 멀티 컨텍스트 웹 애플리케이션에서 복잡한 JavaScript 메모리 누수를 진단하는 것이 메모리 패널에서 훨씬 명확해졌습니다.
- 네이티브 V8 컨텍스트 속성 지정: 이제 힙 스냅샷이 2단계 속성 지정 알고리즘을 실행합니다. 정적 포인터 추론은
native_context맵을 해결하고 그래프 도달 가능성은 나머지 객체를 추적합니다. 단일 네이티브 컨텍스트에서 도달할 수 있는 객체는 해당 컨텍스트에 직접 기여도가 부여되는 반면, 여러 컨텍스트에서 도달할 수 있는 객체는 공유 컨텍스트 버킷으로 분류됩니다. - '컨텍스트에 의해 유지됨' 필터: 힙 스냅샷 관점의 새로운 UI 필터를 사용하면 JavaScript 클로저 컨텍스트 객체를 통해서만 유지되는 객체를 격리할 수 있습니다.
- 구성 가능한 속성 표시 순서: 새 컨텍스트 메뉴 전환 버튼인 속성을 알파벳순으로 정렬 (기본적으로 사용 설정됨)을 사용하면 힙 객체 속성을 검사할 때 알파벳순 정렬과 원래 JS 속성 삽입 순서 간에 전환할 수 있습니다.
Chromium 문제: 497855658, 423838364, 40833016
프로미스화된 확장 프로그램 API 및 보안 강화
최신 비동기 패턴과 더 엄격한 보안 관리로 DevTools 확장 프로그램 API가 업데이트되었습니다.
- 네이티브 Promise 지원: 이제
chrome.devtools.network(getHAR(),Request.getContent()),chrome.devtools.panels,chrome.devtools.inspectedWindow(eval(),getResources(),Resource.getContent(),Resource.setContent())의 비동기 메서드가 콜백 매개변수 없이 호출될 때 표준 JavaScriptPromise객체를 반환합니다. - 확장 프로그램 보안 경계: 이제 DevTools 확장 프로그램이 차단된 타겟 URL의 HAR 리소스를 가져오는 것이 제한되며,
inspectedWindow.eval에서 교차 확장 프로그램 평가를 위해extensionsOnChromeUrls권한을 충족해야 하고file://리소스에allowFileAccess검사를 적용해야 합니다.
기타 주요 사항 및 수정사항
이번 출시에는 다음과 같은 소규모 개선사항과 버그 수정이 포함되어 있습니다.
- 성능: 업데이트된 세부정보 드로어 헤더와 함께 소프트 LCP 및 소프트 탐색 마커와 함께 소프트 FCP (콘텐츠가 포함된 첫 페인트) 타임라인 마커가 추가되었습니다.
- 성능:
PressureObserver지원이 없는 Android 기기에서 CPU 제한 보정 중에 컴퓨팅 압력 검사를 건너뛰는 가드 추가 - 네트워크: 대시가 접두사로 지정된 URL의 명령줄 플래그 오해를 방지하기 위해
--url로 타겟 URL에 접두사를 지정하도록 cURL로 복사가 업데이트되었습니다. - 소스: 기본적으로 소스 맵 범위 해결을 사용 설정하여 디버깅 중에 변수 범위 해결 및 심볼 축소 해제를 개선했습니다.
- 설정: 안전 영역 인셋이 확인된 최신 iPhone 및 Pixel 모델의 에뮬레이트된 기기 사전 설정이 업데이트되고 맞춤 기기 사용자 에이전트 필드가
navigator.userAgent로 미리 채워집니다. (Chromium 문제: 40718410, 518215252) - 설정: 링크 처리 설정 드롭다운이 원시 확장 프로그램 출처 URL 대신 사용자 친화적인 확장 프로그램 제목을 표시하도록 업데이트되었습니다.
- Lighthouse: 번들 Lighthouse 모듈이 버전 13.4.0으로 업데이트되었습니다. (Chromium 문제: 40543651)
접근성 개선
Chrome 151에서는 다음과 같은 접근성 개선사항이 제공됩니다.
- 요소: 충돌하는 background-color 재정의를 삭제하여 Windows 고대비 /
@media (forced-colors: active)모드에서 전환된 툴바 아이콘 (예: 스크립트 실행 계속 버튼)의 표시 상태를 복원했습니다. (Chromium 문제: 519762185) - 콘솔: 콘솔 고정에서 잘린 실시간 표현식 문자열 값에 액세스 가능한 전체 텍스트
title도움말이 추가되었습니다.