게시일: 2026년 2월 11일
Chrome 145에서는 Chrome 139와 마찬가지로 Chrome DevTools팀이 제품 우수성을 우선시하여 알려진 문제를 해결하고, UI 구현을 통합하고, 테스트 상태를 개선했습니다. 이 노력으로 다양한 패널에 걸쳐 수많은 미묘한 수정사항과 개선사항이 적용되어 일상적인 디버깅 및 개발 워크플로가 더 원활하고 안정적이며 생산적으로 이루어질 것입니다.
DevTools MCP 서버 업데이트
DevTools MCP 서버가 v0.11.0에서 v0.14.0으로 업데이트되면서 주요 자동화 및 에뮬레이션 기능이 도입되었습니다.
- 자동 연결: 새로운
--auto-connect플래그를 사용하면 서버가 실행 중인 Chrome 인스턴스를 자동으로 검색하고 연결할 수 있으므로 WebSocket URL을 수동으로 복사할 필요가 없습니다. - 통합 에뮬레이션: 이제 단일
emulate도구에서 위치정보, 네트워크 조건 (오프라인/느린 3G), CPU 제한, 사용자 에이전트 재정의를 처리합니다. - 보존된 로그: 이제 탐색 전반에서 네트워크 요청과 콘솔 메시지에 액세스하여 DevTools의 '로그 보존' 기능을 미러링할 수 있습니다.
변경사항의 전체 목록은 GitHub의 공개 변경 로그를 참고하세요.
이제 추적 보기에서 소프트 탐색이 표시됩니다.
이제 웹사이트에서 단일 페이지 애플리케이션 (SPA) 아키텍처를 사용하는 경우 성능 패널 추적 뷰에 소프트 탐색 및 소프트 LCP 마커가 표시됩니다. 이를 통해 전체 페이지 새로고침 없이 탐색이 발생하는 최신 웹 애플리케이션에서 성능을 훨씬 쉽게 디버그할 수 있습니다.
이 블로그 게시물에서 소프트 탐색에 대해 자세히 알아보세요. 실시간 측정항목 뷰와 성능 통계에는 소프트 탐색이 반영되지 않지만, 이 API에 대한 작업이 계속 진행됨에 따라 향후 출시에서 이 작업이 계획되어 있습니다.
Chromium 문제: 450673886, 450673887
이제 라인 수준 프로파일러 타이밍이 훨씬 더 정확해짐
성능 패널에서 트레이스를 기록하면 소스 패널에 트레이스에서 관찰된 타이밍이 줄별로 표시됩니다. 이를 통해 실행 시간을 가장 많이 소비하는 코드 줄을 정확하게 식별할 수 있습니다.
이전에는 소스가 {} 버튼을 사용하여 예쁘게 서식이 지정되었거나 소스 매핑된 스크립트를 사용하는 경우 이 기능이 불안정해지는 버그가 있었습니다.
이러한 문제가 해결되어 프로덕션에 즉시 사용 가능한 축소된 코드에 대해 정확하고 유용한 라인 수준 프로파일링이 가능합니다.
더 빠른 트레이스 상호작용
성능 패널의 주요 병목 현상이 해결되었습니다. 이전에는 시간 범위를 선택하거나 사용량이 많은 트레이스를 패닝하면 중복 이벤트 정렬로 인해 UI가 크게 지연될 수 있었습니다. 이 기능이 최적화되어 복잡한 프레임 차트와의 상호작용이 훨씬 더 응답성이 좋아졌습니다.
Chromium 문제: 457866795
렌더링 차단 리소스 식별
이제 네트워크 패널에 전용 렌더링 차단 열이 포함됩니다. 이를 통해 브라우저가 페이지 콘텐츠를 페인트하지 못하도록 하는 리소스 (JavaScript, CSS, 글꼴)를 즉시 식별하여 첫 페인트 성능을 최적화할 수 있습니다.
Chromium 문제: 41169154
개별 네트워크 요청 제한
Chrome 144에서 도입된 요청 조건 패널 (이전의 네트워크 요청 차단)에는 이제 개별 요청 제한이 기본적으로 사용 설정되어 있습니다.
이 기능은 이전 마일스톤에서 도입되었지만 늦은 회귀로 인해 사용 중지되었습니다. 이제 Chrome 145에서 특정 네트워크 요청을 안정적으로 제한하여 느린 종속 항목을 시뮬레이션하거나 앱이 특정 리소스 지연을 처리하는 방식을 테스트할 수 있습니다.
⋮ > 도구 더보기 > 요청 조건에서 패널을 열어 특정 패턴의 제한 또는 차단을 시작합니다.
@starting-style 디버깅 개선사항
CSS @starting-style 규칙 디버깅 지원이 이제 기본적으로 사용 설정됩니다. 이 기능을 사용하면 요소가 처음 렌더링될 때 적용된 스타일을 검사할 수 있으며, 이는 진입 애니메이션과 전환을 디버깅하는 데 필수적입니다.
Chromium 문제: 465367572
AI 지원 업데이트
- 멀티모달 입력: 이제 클립보드에서 AI 지원 채팅에 이미지를 직접 붙여넣어 시각적 문제에 관해 질문할 수 있습니다.
Chromium 문제: 470997699
기타 주요 내용
- 요소: 루트
<html>태그 옆에 새로운 소스 보기 배지가 추가되어 문서의 소스 코드로 빠르게 이동할 수 있습니다. - 소스: 이제 수정 가능한 JSON 파일에서 되돌릴 수 있는 예쁜 인쇄 전환을 지원하므로 원래 형식을 유지하면서 데이터를 더 쉽게 수정할 수 있습니다.
- 네트워크: 가독성 향상을 위해 컨텍스트 메뉴 항목이 문장형으로 업데이트되었습니다.
- 콘솔: 페이지를 새로고침한 후 포착되지 않은 예외 필터가 손실되는 문제가 수정되었습니다.
Chromium 문제: 378870233, 461041921, 433162438
접근성 공지사항
이 버전에는 다음과 같은 접근성 개선사항이 적용되었습니다.
- 검색: 이제 스크린 리더가 검색 결과 수를 알려줍니다 (예: Ctrl+F를 사용할 때
- 녹음기: 이제 녹음 파일이 삭제되거나 가져온 경우 스크린 리더에서 이를 알립니다.
- 설정: 이제 실험 탭에서 필터링할 때 화면 리더가 결과 수를 알립니다.
- 개인 정보 보호: 이제 키보드를 사용하여 개인 정보 보호 패널의 출처 그룹에 완전히 액세스할 수 있습니다.
- UI: 도크 아이콘의 가시성이 개선되었으며 고대비 및 강제 색상 모드의 사용자를 위해 일부 요소가 사용 중지되었습니다.
Chromium 문제: 448675917, 392090449, 471713944, 471141907, 471095586