게시일: 2026년 4월 7일
Chrome 147에서는 AI 지원을 위한 자동 컨텍스트 선택을 도입하고, 코드 추천을 전체 코드 완성으로 업그레이드하며, 기기 모드 툴바를 현대화하고, 압축된 네트워크 본문의 자동 디코딩을 제공하는 등 여러 가지 개선사항을 제공합니다.
AI 지원의 자동 컨텍스트 선택
AI 지원에 대한 주요 기능 요청 중 하나는 더 개방형 질문을 할 수 있는 기능이었습니다. 이제 새로운 컨텍스트 선택 에이전트를 사용하면 질문할 수 있습니다. 이전 컨텍스트를 선택하지 않고도 예를 들면 다음과 같습니다.
- '이 페이지에서 가장 느린 네트워크 요청은 무엇인가요?' 이전에는 특정 네트워크 요청을 선택해야 했으므로 불가능했습니다.
- '페이지에 어떤 성능 문제가 있나요?' 이제 DevTools에서 선택한 설정으로 트레이스를 자동으로 기록하여 이 질문에 답변합니다.
- '애니메이션 패널을 어떻게 사용하나요?' 또는 'DevTools에서 고대비 설정은 어디에 있나요?'와 같이 DevTools 자체에 대한 직접적인 도움을 제공합니다.
이번 변경의 일환으로 AI 지원은 이제 컨텍스트를 자동으로 전환할 수도 있습니다. 채팅이 비어 있을 때 사용자의 작업에 따라 컨텍스트를 지능적으로 업데이트하는 동시에 대화가 시작되면 사용자의 수동 선택을 존중합니다.
에이전트용 DevTools
Chrome DevTools MCP 서버 및 CLI가 버전 0.21.0으로 업데이트되어 멀티 에이전트 워크플로, Lighthouse를 통한 새로운 감사 기능, 향상된 기술 세트가 제공됩니다.
마지막 업데이트 이후 추가된 주요 기능은 다음과 같습니다.
- 통합 Lighthouse 감사: 이제 MCP를 통해 직접 Lighthouse 감사를 실행하여 에이전트 워크플로 내에서 자동화된 성능 및 품질 검사를 사용 설정할 수 있습니다.
- 메모리 누수 감지 기능:
take_memory_snapshot도구를 사용하여 메모리 누수를 감지하는 새로운 기능이 추가되었습니다. - 접근성 기능 개선사항: 접근성 디버깅 기능이 Lighthouse를 더 효과적으로 활용하고 더 강력한 출력을 제공하도록 개선되었습니다.
- 일반 사용 기술: Chrome DevTools MCP 서버 또는 CLI 사용 방법과 설치 문제 해결 방법에 관한 전용 기술을 통해 에이전트가 에이전트용 DevTools를 최대한 활용할 수 있습니다.
- 멀티 에이전트 워크플로 지원:
pageId라우팅을 도입하면 여러 에이전트가 특정 브라우저 페이지를 동시에 정확하게 타겟팅하고 상호작용할 수 있습니다.
이러한 기능을 사용하려면 자세한 출시 노트를 포함한 GitHub 저장소를 확인하세요.
코드 생성
Chrome 142에서는 콘솔 및 소스 패널에서 Gemini의 코드 추천을 도입했습니다. Chrome 147에서는 이 기능이 전체 코드 생성으로 업그레이드됩니다.
코드를 생성하려면 필요한 로직
을 설명하는 자연어 주석 (예: // Loop to check all img elements for valid alt
attributes)을 입력하고 Cmd+i (Mac) 또는 Ctrl+i (Windows/Linux)를 눌러 생성을 시작합니다. 단축키의 i는 소문자입니다.
새로고침된 기기 모드 툴바
더 일관되고 간소화된 환경을 제공하도록 기기 모드 툴바가 현대화되었습니다.
- 표준화된 컨트롤: 이제 기기 선택, 확대/축소 수준, 기기 픽셀 비율 (DPR)에서 표준 DevTools UI 구성요소를 사용하여 사용 편의성이 개선되었습니다.
- 간소화된 확대/축소: 이제 확대/축소 메뉴가 더 깔끔해졌으며 "창에 맞춤" 옵션이 비율 목록에 직접 통합되었습니다. '자동 확대/축소'가 전용 툴바 버튼으로 이동했습니다.
- 방향 잠금 지원: 이제 DevTools에서 기기 에뮬레이션에서
screen.orientation.lock()API를 처리합니다. 페이지에서 방향을 잠그면 에뮬레이션된 기기가 잠긴 방향과 일치하도록 자동으로 회전하고 잠금이 활성 상태인 동안 수동 회전 버튼이 사용 중지됩니다.
Chromium 문제: 40807290
디코딩된 압축 본문
이제 압축된 리소스의 문제를 훨씬 쉽게 진단할 수 있습니다. 이전에는 HTTP 요청에서 Content-Encoding: gzip 또는 deflate를 사용하는 경우 네트워크 패널의 페이로드 뷰에 디코딩된 콘텐츠 대신 깨진 바이너리 데이터가 표시되었습니다.
Chrome 147에서는 DevTools에서 이러한 압축된 본문을 자동으로 디코딩하여 페이로드 아래에 읽을 수 있는 콘텐츠를 직접 표시합니다.
또한 이제 요청 목록에 전송 크기 정보가 포함되어 AI 지원에서 요청을 더 잘 선택하는 데 사용되는 세부정보인 네트워크를 통한 데이터 사용량을 더 명확하게 파악할 수 있습니다.
Chromium 문제: 356158096
스타일의 정규 표현식 필터
이제 스타일,
계산됨, 속성 패널의 필터 표시줄에서 정규 표현식을 사용할 수 있습니다. 새 정규 표현식 전환 버튼 (.*)을 클릭하여 사용 설정합니다. 그런 다음 예를 들어 padding|border를 입력하여 모든 padding 및 border 속성을 강조표시합니다.
Chromium 문제: 40706727
추측 로드 개선사항
애플리케이션 > 추측 로드 패널의 새로운 기능을 사용하면 미리 로드 디버깅이 더 강력해집니다.
- 텍스트 필터링: 이제 자유 텍스트 또는 키 필터 (예:
url:,action:,status:)를 사용하여 규칙 및 시도 목록을 필터링할 수 있으며 여러 용어 간에 AND 로직을 지원합니다. - 지우기 버튼: 새로운 지우기 버튼을 사용하면 미리 로드 모델을 재설정하고 표시된 규칙 및 시도를 지울 수 있습니다.
- HTTP 상태 코드: 이제 DevTools에서 실패한 프리페치의 경우 일반적인 실패 메시지 대신 상태 열과 세부정보 창에 실제 HTTP 상태 코드 (예: 404)를 표시합니다.
Chromium 문제: 479524246, 40926909
기타
이번 출시 버전의 주목할 만한 수정사항과 기능은 다음과 같습니다.
- 콘솔: 오류의 모든 인라인 스택 프레임이 무시 목록에 있지만 호출 스택에 무시되지 않은 프레임이 포함되어 있는 경우 이제 실행 가능한 코드에 집중하고 시끄러운 라이브러리 트레이스를 숨기는 데 도움이 되는 전환이 표시됩니다 (379788109).
- 성능: 이제 사이드바 상태 (열림/닫힘)가 유지됩니다. 사이드바를 닫으면 후속 녹음에서도 닫힌 상태로 유지됩니다(437340219).
- 설정: 이제 DevTools에서 특정 실험용 설정을 전환할 때 정보 표시줄을 통해 브라우저를 다시 시작하라는 메시지를 표시할 수 있습니다.
- 객체 검사: 객체 뷰의 새로운 "모두 표시" 컨텍스트 메뉴 옵션을 사용하면 nullish (
null또는undefined) 속성의 표시 상태를 전환할 수 있습니다(41187256). - 요소: 이제 "ad" 어도너가 iframe으로 제한되지 않으며 백엔드에서 광고 관련으로 태그된 임의 요소에 표시될 수 있습니다 (485493202).
- 안내 노드: 이제 처리 안내 노드 (예:
<?xml-stylesheet ... ?>)가 DOM 트리에 표시되고 수정할 수 있습니다 (484891675)
접근성
이번 출시 버전에서는 다음과 같은 몇 가지 접근성 개선사항이 제공됩니다.