게시일: 2026년 5월 6일
별도로 명시되지 않는 한 다음 변경사항은 Android, ChromeOS, Linux, macOS, Windows용 최신 Chrome 베타 채널 출시에 적용됩니다. 제공된 링크 또는 ChromeStatus.com의 목록을 통해 여기에 나열된 기능에 관해 자세히 알아보세요. Chrome은 2026년 5월 6일 기준으로 베타 버전입니다. 데스크톱용은 Google.com에서, Android용은 Google Play 스토어에서 최신 버전을 다운로드할 수 있습니다.
CSS 및 UI
테이블의 명시적 테두리 색상 UA 스타일시트 규칙 삭제
이 변경사항은 잘못된 border-color: gray CSS 규칙을 UA
스타일시트에서 <table> 요소에 대해 삭제합니다.
HTML 사양에는 이 규칙이 포함되어 있지 않으며 테두리가 기본적으로 currentColor로 설정되지 않도록 잘못된 원인이 됩니다. Firefox와 Webkit 모두 UA 스타일시트에 이 gray 테두리 색상 규칙이 없으므로 상호 운용성 문제가 발생합니다.
shape-outside에서 path() 및 shape() 지원
CSS shape-outside 속성에서 path() 및 shape() 도형 함수에 대한 지원을 추가합니다. 이러한 함수를 사용하면 개발자가 직사각형 좌표를 사용하여 부동 제외 도형을 정의할 수 있습니다.
shape-outside에서 rect() 및 xywh() 지원
CSS shape-outside 속성에서 rect() 및 xywh() 기본 도형 함수에 대한 지원을 추가합니다. 이러한 함수를 사용하면 개발자가 직사각형 좌표를 사용하여 부동 제외 도형을 정의할 수 있으므로 이 기능을 이미 지원하는 Firefox 및 Safari와 Chrome을 정렬할 수 있습니다.
웹 앱 범위 시스템 강조 색상
CSS 키워드 및 accent-color: auto의 시스템 강조 색상에 대한 액세스를 웹 앱 및 초기 프로필 컨텍스트 내에서만 제한합니다.
AccentColor 및 AccentColorText CSS 키워드는 웹에서 사용자의 시스템 색상을 광범위하게 노출할 때 중요한 지문 인식
벡터를 나타냅니다. 따라서 설치된 웹 앱 컨텍스트에서만 사용할 수 있습니다. accent-color: auto가 있는 양식 컨트롤도 이 기능 출시로 이 범위와 일치합니다. 이렇게 하면 시스템 색상에 대한 개발자와 사용자의 기대치가 더 일관되게 되고 AccentColor[Text]의 지문 인식 제한사항과 일치합니다.
사용자 상호작용 시 텍스트 오버플로 클리핑
사용자가 text-overflow: ellipsis가 설정된 텍스트와 상호작용 (수정 또는 캐럿 탐색)하면 텍스트가 일시적으로 줄임표에서 클립으로 전환되어 사용자가 숨겨진 오버플로 콘텐츠를 보고 상호작용할 수 있습니다.
이 기능은 수정 가능한 요소와 수정 불가능한 요소 모두에 적용됩니다. 양식 컨트롤 (textarea, input)의 경우 동작이 이미 지원됩니다.
CSS 간격 장식
CSS 간격 장식을 사용하면 다단 레이아웃의 column-rule과 마찬가지로 그리드 및 Flexbox와 같은 컨테이너 레이아웃의 간격 스타일을 지정할 수 있습니다. 이 기능은 오늘날 그리드 및 Flexbox 레이아웃의 간격 스타일을 지정하기 위해 해킹을 사용해야 하는 웹 개발자가 많이 요청하는 기능입니다.
image-rendering: crisp-edges
image-rendering: crisp-edges 는 대비와 가장자리를 유지하고 그 과정에서 색상을 부드럽게 하거나 이미지에 흐림 효과를 도입하지 않는 방식으로 이미지를 확장해야 함을 나타냅니다.
사용자 작업 의사 클래스 최상위 레이어 경계
이 기능은 CSS 선택기 수준 4 사양에 설명된 동작을 나타냅니다. 이 사양에서는 :hover, :active, 및 :focus-within이 요소의 상위 요소와 일치하지만 상위 체인의 첫 번째 최상위 레이어 요소까지만 일치한다고 명시합니다.
Chromium의 변경사항은 최상위 레이어 요소에 이 제한사항을 구현합니다.
구체적으로 이는 다음 구조에서 사용자가 <button> 위로 마우스를 가져가면 :hover 의사 클래스가 <button> 및 팝오버와 일치하지만 <main> 요소와는 일치하지 않음을 의미합니다.
<main>
<div popover>
<button></button>
</div>
</main>
<script>document.querySelector('[popover]').showPopover();</script>
이 변경사항의 근거는 일반적으로 최상위 레이어 요소가 상위 요소와 시각적으로 연결되지 않은 위치인 '다른 곳'에 렌더링된다는 것입니다. 따라서 일반적으로 최상위 레이어 요소가 호버링되거나 활성화될 때 상위 요소의 스타일을 변경하는 것은 의미가 없습니다.
Chromium에 제공된 맞춤설정 가능한 선택 구현에는 선택 ::picker() 팝오버의 특정 사례에 대해 이 로직이 하드 코딩되어 있습니다. 이 특수한 사례 로직은 이 기능의 더 일반적인 동작을 위해 삭제됩니다.
path-length를 CSS 속성으로 지원
이 변경사항은 기존 SVG pathLength 프레젠테이션 속성에 매핑되는 새 CSS 속성인 path-length를 도입합니다. pathLength를 지원하는 SVG 도형
요소에 적용됩니다 (<path>, <circle>, <rect>,
<line>, <polyline>, <polygon>, <ellipse> 포함).
pathLength를 CSS 속성으로 노출하면 작성자가 스타일시트, 인라인 스타일, 애니메이션에서 이를 지정하여 일반적인 CSS 캐스케이딩, 특수성, 전환, 애니메이션에 참여할 수 있습니다. 이 속성은 스트로크 대시 렌더링 및 <textPath>를 따라 텍스트 위치 지정을 비롯하여 총 경로 길이에 따라 달라지는 모든 계산에 영향을 미칩니다.
CSS 선언은 표준 CSS 우선순위 규칙에 따라 프레젠테이션 속성을 재정의합니다. path-length의 초기 값은 none입니다. 이는 작성자가 제공한 경로 길이가 없음을 나타내며 0과 같은 명시적 숫자 값과는 다릅니다.
기능이 사용 중지되면 기존의 속성 전용 동작이 유지됩니다.
Web API
Intl.Locale.prototype.variants
Intl.Locale.prototype.variants를
TC39 제안에 명시된 대로 추가하고
TC39 언어 ID 업데이트와 같이 Intl.Locale 생성자의 옵션 모음에서 "variants"를 허용합니다. ECMA402의 변경사항은
pull 요청 960에 병합되고 test262의 테스트 코드는
pull 요청 4474에 병합됩니다.
프로그래매틱 스크롤 프로미스
현재 웹 개발자는 프로그래매틱 부드러운 스크롤이 완료된 시점을 알 수 없습니다. 이 기능은 이 문제에 대한 해결책을 제공합니다. 프로그래매틱 스크롤 메서드가 스크롤 완료 시 중단 상태로 확인되는 프로미스 객체를 반환하도록 합니다.
결제 요청: 결제 핸들러가 내부 오류를 다시 보고하도록 허용
결제 요청 API로 액세스되는 결제 핸들러가 '사용자 취소'와 '내부 결제 앱 오류'에 대해 고유한 오류를 반환하도록 합니다. 이렇게 하면 웹 개발자가 사용자에게 더 나은 흐름을 빌드할 수 있습니다. 예를 들어 내부 앱 오류가 발생할 때 재시도하거나 다른 흐름으로 대체하는 동시에 사용자가 취소하려는 경우 흐름을 올바르게 중지할 수 있습니다.
웹 기반 결제 핸들러 API는 PaymentRequestEvent.respondWith에 전달된 프로미스를 거부하는 데 사용하는 오류에 따라 이 차이점을 나타낼 수 있습니다.
프로미스가 OperationError로 거부되면 PaymentRequest.show() 메서드를 사용하여 '내부 앱 오류'(OperationError)가 판매자에게 반환되고, 그렇지 않으면 '사용자 취소'(AbortError)가 반환됩니다.
네이티브 앱 결제 핸들러 인프라도 유사하게 업데이트되지만 웹 API의 범위를 벗어납니다.
TSF의 Windows 터치 키보드에 autocorrect="off" 적용
HTML autocorrect 속성을 사용하면 웹 작성자가
자동 수정이
<input>, <textarea>, contenteditable 호스트를 비롯한 수정 가능한 요소의 사용자 입력에 적용되어야 하는지 여부를 제어할 수 있습니다. Windows에서 터치 키보드는 이 속성을 무시하고 항상 단어를 자동 수정합니다. 예를 들어
요소에서 "truf"를 입력한 후 공백을 입력하면 autocorrect="off"가 유지되는 대신
"true "가 생성됩니다."truf " 이 기능을 사용하면 Chrome의 TSF
통합이 포커스가 맞춰진
수정 가능한 요소에 autocorrect="off"가 설정된 경우 터치 키보드 자동 수정을 감지하고 되돌릴 수 있습니다.
bfcache 항목에서 WebSockets 연결 해제
활성 WebSocket 연결은 더 이상 페이지가 뒤로/앞으로 캐시 (bfcache)에 들어가지 못하도록 하지 않습니다. 문서를 부적격으로 표시하는 대신 bfcache 항목에서 연결을 닫으면 브라우저에서 활성 웹 소켓이 있는 페이지를 저장하고 복원할 수 있습니다.
Request.isReloadNavigation 속성
Fetch API의 요청 인터페이스에 읽기 전용 불리언 속성 isReloadNavigation을 추가합니다. 이 속성은 현재 탐색 요청이 사용자 트리거 새로고침 (예: 새로고침 버튼, location.reload() 또는 history.go(0) 사용)으로 시작되었는지 여부를 나타냅니다. 이 신호는 주로 서비스 워커의 FetchEvent 내에서 요청 객체에 노출됩니다.
플러그인, 교차 출처, 제한된 iframe에서 SVG 필터 사용 중지
이 출시에서는 SVG 필터가 교차 출처 또는 제한된 iframe (예: 샌드박스 처리된 iframe) 및 삽입된 플러그인 (예: PDF)에 적용되지 않도록 합니다. 프레임 또는 플러그인이 SVG 필터 효과로 페인트되는 경우 효과 트리가 트래버스되어 SVG 필터가 없는 가장 높은 상위 요소를 찾고 대신 해당 효과가 적용됩니다.
새 오리진 트라이얼
Chrome 149에서는 다음 새 오리진 트라이얼을 선택할 수 있습니다.
권한 정책: focus-without-user-activation
focus-without-user-activation 권한 정책을 사용하여 삽입자가 삽입된 콘텐츠의 프로그래매틱 포커스를 제어할 수 있습니다. 프레임에 대해 정책이 거부되면 사용자 활성화에 의해 트리거되지 않는 한 프로그래매틱 포커스 호출 (element.focus(), autofocus, window.focus(), dialog.showModal(), 팝오버 포커스)이 차단됩니다. 클릭 또는 탭과 같은 사용자 시작 포커스는 영향을 받지 않습니다.
정책은 Permissions-Policy HTTP 응답 헤더 또는 iframe allow 속성을 사용하여 설정할 수 있습니다. 포커스 위임이 지원됩니다. 포커스가 있는 상위 프레임은 하위 프레임에 정책이 거부된 경우에도 프로그래매틱 방식으로 포커스를 하위 iframe에 전달할 수 있으며, 프레임에 포커스가 맞춰지면 자체 하위 트리 내에서 포커스를 이동할 수 있습니다.
게임패드 이벤트 기반 입력 API
이 제안은 애플리케이션이 지연 시간이 짧은 게임패드 입력을 수신할 수 있도록 하는 새로운 이벤트 기반 모델로 게임패드 API를 확장합니다. 개발자는 이제 navigator.getGamepads()를 사용하여 자주 폴링하는 대신 기기에서 새 입력 데이터를 사용할 수 있을 때마다 발생하는 rawgamepadinputchange 이벤트를 수신 대기할 수 있습니다. 이렇게 하면 특히 지연 시간에 민감한 애플리케이션에서 입력 처리가 더 응답성이 빨라집니다.
WebAssembly 맞춤 설명자
WebAssembly가 소스 수준 유형과 연결된 데이터를 새 맞춤 설명자 객체에 더 효율적으로 저장할 수 있도록 합니다. 이러한 맞춤 설명자는 해당 소스 수준 유형의 WebAssembly 객체에 대한 프로토타입으로 구성할 수 있습니다. 이렇게 하면 메서드를 WebAssembly 객체의 프로토타입 체인에 설치하고 일반 메서드 호출 구문을 사용하여 JavaScript에서 직접 호출할 수 있습니다. 프로토타입과 메서드는 가져온 기본 제공 함수를 사용하여 선언적으로 구성할 수 있습니다.