게시일: 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)를 눌러 생성을 시작합니다.
업데이트된 기기 모드 툴바
기기 모드 툴바가 현대화되어 더 일관되고 간소화된 환경을 제공합니다.
- 표준화된 컨트롤: 이제 기기 선택, 확대/축소 수준, 기기 픽셀 비율 (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 상태 코드: 이제 실패한 프리패치의 경우 일반적인 실패 메시지 대신 상태 열과 세부정보 창 모두에 실제 HTTP 상태 코드 (예: 404)가 표시됩니다.
Chromium 문제: 479524246, 40926909
기타
이번 출시의 주목할 만한 수정사항과 기능은 다음과 같습니다.
- 콘솔: 오류의 모든 인라인 스택 프레임이 무시 목록에 있지만 호출 스택에 무시되지 않은 프레임이 포함된 경우 이제 전환 버튼이 표시되어 실행 가능한 코드에 집중하면서 노이즈가 많은 라이브러리 추적을 숨길 수 있습니다(379788109).
- 성능: 이제 사이드바 상태 (열림/닫힘)가 유지됩니다. 사이드바를 닫으면 후속 녹화에서도 닫힌 상태로 유지됩니다(437340219).
- 설정: 이제 특정 실험 설정을 전환할 때 DevTools에서 정보 표시줄을 통해 브라우저를 다시 시작하라는 메시지를 표시할 수 있습니다.
- 객체 검사: 객체 뷰의 새로운 '모두 표시' 컨텍스트 메뉴 옵션을 사용하면 nullish (
null또는undefined) 속성의 공개 상태를 전환할 수 있습니다(41187256). - 요소: '광고' 장식은 더 이상 iframe으로 제한되지 않으며 이제 백엔드에서 광고 관련으로 태그된 임의 요소에 표시될 수 있습니다(485493202).
- 명령어 노드: 이제 처리 명령어 노드 (예:
<?xml-stylesheet ... ?>)가 DOM 트리에서 표시되고 수정 가능합니다(484891675).
접근성
이 출시에는 다음과 같은 몇 가지 접근성 개선사항이 포함되어 있습니다.