Chrome 149

안정화 버전 출시일: 2026년 6월 2일

별도로 명시되지 않는 한 다음 변경사항은 Android, ChromeOS, Linux, macOS, Windows용 Chrome 149 안정화 버전 채널에 적용됩니다.

CSS 및 UI

CSS 간격 장식

CSS 간격 장식을 사용하면 다단 레이아웃의 column-rule와 마찬가지로 그리드 및 플렉스박스와 같은 컨테이너 레이아웃의 간격에 스타일을 지정할 수 있습니다. 이 기능은 오늘날 그리드 및 Flexbox 레이아웃의 간격에 스타일을 지정하기 위해 해킹을 사용해야 하는 웹 개발자가 많이 요청하는 기능입니다.

column-rule-inset, row-rule-inset, column-rule-visibility-items, row-rule-visibility-items와 같은 새로운 CSS 속성을 제공하며 규칙 너비, 색상, 인셋의 애니메이션을 지원합니다.

CSS 간격 장식 블로그 게시물 | 버그 #357648037 추적 | ChromeStatus.com 항목 | 사양

사용자 상호작용 시 텍스트 오버플로 클리핑

사용자가 text-overflow: ellipsis가 설정된 텍스트와 상호작용 (예: 수정 또는 캐럿 탐색 사용)하면 텍스트가 일시적으로 줄임표에서 클립으로 전환됩니다. 이렇게 하면 사용자가 숨겨진 오버플로 콘텐츠를 보고 상호작용할 수 있습니다. 이 기능은 편집 가능한 요소와 편집 불가능한 요소 모두에 적용됩니다. <textarea><input>과 같은 양식 컨트롤의 경우 이 동작이 이미 지원됩니다.

버그 #40731275 추적 | ChromeStatus.com 항목 | 사양

표의 명시적 테두리 색상 UA 스타일시트 규칙 삭제

이 변경사항은 <table> 요소의 UA 스타일시트에서 잘못된 border-color: gray CSS 규칙을 삭제합니다. HTML 사양에는 이 규칙이 포함되어 있지 않으며 테두리가 기본적으로 currentColor로 설정되지 않았습니다. Firefox와 WebKit 모두 UA 스타일시트에 이 gray 테두리 색상 규칙이 없어 상호 운용성 문제가 발생합니다.

버그 #494554835 추적 | ChromeStatus.com 항목 | 사양

shape-outside에서 path()shape() 지원

CSS shape-outside 속성에서 path()shape() 모양 함수 지원을 추가합니다. 이러한 함수를 사용하면 개발자가 플로트 제외 모양을 더 유연하게 정의하고 애니메이션을 지원할 수 있습니다.

버그 #502328208 추적 | ChromeStatus.com 항목 | 사양

shape-outside에서 rect()xywh() 지원

CSS shape-outside 속성에서 rect()xywh() 기본 도형 함수 지원을 추가합니다. 이러한 함수를 사용하면 개발자가 직사각형 좌표를 사용하여 부동 제외 모양을 정의할 수 있으므로 Chrome이 이미 이 기능을 지원하는 Firefox 및 Safari와 일치하게 됩니다.

버그 #490343453 추적 | ChromeStatus.com 항목 | 사양

사용자 작업 가상 클래스 상단 레이어 경계

요소의 상위 요소에서 일치하는 :hover, :active, :focus-within를 상위 요소 체인의 첫 번째 최상위 레이어 요소까지만 일치하도록 변경합니다. 최상위 레이어 요소는 일반적으로 상위 요소 체인과 시각적으로 연결되지 않은 상태로 렌더링되므로 최상위 레이어 요소에 마우스를 가져가거나 활성화할 때 상위 요소 스타일을 변경하는 것은 의미가 없습니다.

버그 #407769114 추적 | ChromeStatus.com 항목 | 사양

웹 앱 범위 시스템 강조 색상

CSS 키워드 (AccentColorAccentColorText)와 accent-color: auto의 시스템 강조 색상에 대한 액세스를 웹 앱 및 초기 프로필 컨텍스트 내로만 제한합니다. 이렇게 하면 웹에서 사용자의 시스템 색상을 광범위하게 노출할 때 중요한 지문 벡터가 제한됩니다.

추적 버그 #481353056 | ChromeStatus.com 항목 | 사양

image-rendering: crisp-edges

image-rendering: crisp-edges는 대비와 가장자리를 유지하고 색상을 부드럽게 하거나 이미지에 흐림을 도입하지 않는 방식으로 이미지를 조정해야 함을 나타냅니다.

Chrome, Firefox, Safari는 crisp-edgespixelated를 동의어로 취급하고 최근접 이웃 스케일링을 사용하여 둘 다 구현합니다.

버그 #41073066 추적 | ChromeStatus.com 항목 | 사양

'path-length'를 CSS 속성으로 지원

SVG pathLength 프레젠테이션 속성에 매핑되는 새로운 CSS 속성 path-length를 도입합니다. 이는 pathLength를 지원하는 SVG 기하학적 요소 (<path>, <circle>, <rect>, <line>, <polyline>, <polygon>, <ellipse> 포함)에 적용되어 작성자가 스타일시트, 인라인 스타일, 애니메이션에서 이를 지정할 수 있습니다.

버그 #40670251 추적 | ChromeStatus.com 항목 | 사양

Web API

Intl.Locale.prototype.variants

ECMA-402 사양에 명시된 대로 Intl.Locale.prototype.variants를 추가하고 Intl.Locale 생성자의 옵션 백에서 variants를 허용합니다.

ChromeStatus.com 항목 | 사양

결제 요청: 결제 핸들러가 내부 오류를 다시 보고하도록 허용

Payment Request API를 사용하여 액세스한 결제 핸들러가 '사용자 취소' (AbortError)와 '내부 결제 앱 오류'(OperationError)에 대해 별도의 오류를 반환하도록 합니다. 이를 통해 개발자는 내부 앱 오류가 발생할 때 재시도하거나 다른 흐름으로 대체할 수 있으며 사용자가 취소하면 적절하게 중지할 수 있습니다.

버그 #473478138 추적 | ChromeStatus.com 항목 | 사양

TSF에서 Windows 터치 키보드에 autocorrect="off" 존중

포커스가 있는 수정 가능한 요소에 autocorrect="off"가 설정된 경우 Chrome의 TSF 통합이 Windows에서 터치 키보드 자동 수정 기능을 감지하고 되돌리도록 합니다.

버그 #487613498 추적 | ChromeStatus.com 항목 | 사양

선택적 클립보드 형식 읽기

웹 애플리케이션이 getType()를 호출할 때까지 OS에서 실제 클립보드 데이터 검색을 지연하여 비동기 클립보드 API를 개선합니다. 이제 브라우저는 read() 시간에 사용 가능한 모든 형식을 적극적으로 가져오는 대신 사용 가능한 MIME 유형이 있지만 기본 데이터가 없는 ClipboardItem 객체를 반환하므로 CPU 사용량이 줄어들고 응답성이 개선됩니다.

버그 #435051711 추적 | ChromeStatus.com 항목 | 사양

네트워크 및 연결

bfcache 항목에서 WebSockets 연결 해제

활성 WebSocket 연결이 더 이상 페이지가 뒤로/앞으로 캐시 (bfcache)에 진입하는 것을 방지하지 않습니다. 문서를 부적격으로 표시하는 대신 bfcache 진입 시 연결을 닫음으로써 브라우저는 활성 WebSocket이 있는 페이지를 저장하고 복원할 수 있도록 합니다.

버그 #467838624 추적 | ChromeStatus.com 항목 | 사양

새 오리진 트라이얼

게임패드 이벤트 기반 입력 API

애플리케이션이 지연 시간이 짧은 게임패드 입력을 수신할 수 있는 새로운 이벤트 기반 모델로 게임패드 API를 확장합니다. 이제 개발자는 navigator.getGamepads()를 사용하여 빈번한 폴링에 의존하는 대신 기기에서 새로운 입력 데이터를 사용할 수 있을 때마다 발생하는 rawgamepadinputchange 이벤트를 수신할 수 있습니다.

오리진 트라이얼 | 버그 #40582297 추적 | ChromeStatus.com 항목 | 사양

권한 정책: focus-without-user-activation

삽입자는 focus-without-user-activation 권한 정책을 사용하여 삽입된 콘텐츠에서 프로그래매틱 포커스를 제어할 수 있습니다. 프레임에 대해 정책이 거부되면 사용자 활성화에 의해 트리거되지 않는 한 프로그래매틱 포커스 호출 (element.focus(), autofocus, window.focus(), dialog.showModal(), 팝오버 포커스)이 차단됩니다.

오리진 트라이얼 | 버그 #40095111 추적 | ChromeStatus.com 항목 | 사양

WebAssembly 맞춤 설명자

WebAssembly가 새로운 '맞춤 설명자' 객체에서 소스 수준 유형과 연결된 데이터를 더 효율적으로 저장할 수 있습니다. 이러한 맞춤 설명자는 해당 소스 수준 유형의 WebAssembly 객체용 프로토타입으로 구성할 수 있으므로 메서드를 WebAssembly 객체의 프로토타입 체인에 설치하고 일반 메서드 호출 구문을 사용하여 JavaScript에서 직접 호출할 수 있습니다.

오리진 트라이얼 | 버그 #403372470 추적 | ChromeStatus.com 항목 | 사양