Chrome 135

안정화 버전 출시일: 2025년 4월 1일

달리 명시되지 않는 한 다음 변경사항은 Android, ChromeOS, Linux, macOS, Windows용 Chrome 135 안정화 버전 출시에 적용됩니다.

HTML 및 DOM

호출자 명령어: 명령어 및 명령어for 속성

<button> 요소의 command 및 commandfor 속성을 사용하면 더 접근하기 쉽고 선언적인 방식으로 버튼에 동작을 할당할 수 있습니다.

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

푸시 결제를 지원하도록 rel=facilitated-payment 연결

브라우저가 대기 중인 푸시 결제에 관해 등록된 결제 클라이언트에게 알림을 보내야 한다는 힌트로 <link rel="facilitated-payment" href="..."> 지원을 추가합니다.

버그 추적 #1477049 | ChromeStatus.com 항목

CSS

캐러셀의 ::column 가상 요소

생성된 프래그먼트에 제한된 스타일 집합을 적용할 수 있는 ::column 가상 요소입니다. 특히 레이아웃에 영향을 미치지 않으므로 레이아웃 후에 적용할 수 있는 스타일로 제한됩니다.

ChromeStatus.com 항목

::scroll-button() 가상 요소

대화형 스크롤 버튼을 가상 요소로 만들 수 있습니다. 예를 들면 다음과 같습니다.

.scroller {
  overflow: auto;
}

.scroller::scroll-button(inline-start) {
  content: "<";
}

.scroller::scroll-button(inline-end) {
  content: ">";
}

포커스를 받을 수 있어야 하며 버튼처럼 동작해야 합니다 (UA 스타일 포함). 활성화되면 지정된 방향으로 일정 거리 스크롤이 실행되어야 합니다. 이 방향으로 스크롤할 수 없는 경우 사용 중지하고 :disabled 스타일을 지정해야 합니다. 그렇지 않으면 사용 설정하고 :enabled 스타일을 지정합니다.

선택기를 사용하면 4가지 논리적 방향(block-start, block-end, inline-start, inline-end)과 4가지 실제 방향(up, down, left, right)으로 버튼을 정의할 수 있습니다.

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

::scroll-marker 및 ::scroll-marker-group

스크롤 컨테이너에 ::scroll-marker 및 ::scroll-marker-group 가상 요소를 추가합니다. 이를 통해 스크롤 컨테이너 내의 모든 연결된 항목에 대해 포커스를 설정할 수 있는 마커 집합을 만들 수 있습니다.

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

CSS 비활성 상태 - interactivity 속성

interactivity 속성은 요소와 그 평면 트리 자손 (텍스트 행 포함)이 비활성 상태인지 여부를 지정합니다.

요소를 비활성화하면 요소에 포커스를 맞추거나, 수정하거나, 선택하거나, 페이지 내 검색을 통해 검색할 수 있는지 여부에 영향을 미칩니다. 접근성 트리에 표시되는지 여부에도 영향을 미칩니다.

ChromeStatus.com 항목 | 사양

CSS 논리적 오버플로

overflow-inline 및 overflow-block CSS 속성을 사용하면 쓰기 모드에 따라 인라인 및 블록 방향에서 오버플로를 설정할 수 있습니다. 가로 쓰기 모드에서는 overflow-inline가 overflow-x에 매핑되고 세로 쓰기 모드에서는 overflow-y에 매핑됩니다.

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

CSS 앵커 포지셔닝이 스크롤 오프셋을 기억함

기억된 스크롤 오프셋 개념을 지원합니다.

배치된 요소에 기본 앵커가 있고 한쪽 가장자리에서 이 앵커에 연결되고 다른 쪽 가장자리에서 원래 포함 블록에 연결된 경우 요소 크기를 조절할 때 스크롤 오프셋이 고려됩니다. 이렇게 하면 문서가 지정된 스크롤 오프셋으로 스크롤될 때 고정된 요소에 position-area를 사용하여 모든 표시 공간을 사용할 수 있습니다.

문서가 스크롤될 때마다 레이아웃 (요소 크기 조절)을 방지하기 위해 (원치 않는 동작이며 성능에도 좋지 않음) 항상 현재 스크롤 오프셋을 사용하는 대신 '기억된 스크롤 오프셋'이 사용됩니다. 저장된 스크롤 오프셋은 다음 중 하나인 '앵커 재계산 지점'에서 업데이트됩니다.

• 위치 지정된 요소가 처음 표시될 때
• 다른 위치 옵션 (position-try-fallbacks)이 선택된 경우

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

CSS shape() 함수

shape() 함수를 사용하면 clip-path에서 반응형 자유 형식 도형을 사용할 수 있습니다.

path()의 동사와 대략적으로 동일하지만 동사가 반응형 단위 (예: % 또는 vw)와 맞춤 속성과 같은 모든 CSS 값을 허용하는 일련의 동사를 정의할 수 있습니다.

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

safe-area-max-inset-* 변수

이 기능은 변경되지 않고 최대한의 안전 영역 인셋을 나타내는 max-area-safe-inset-* 변수를 추가합니다.

이로써 해결되는 사용 사례는 크기를 변경하는 대신 안전 영역 인셋 값이 커질 때 바닥글이 단순히 슬라이드할 수 있는 경우 페이지를 다시 레이아웃할 필요가 없도록 하는 것입니다.

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

중첩된 가상 요소 스타일 지정

다른 가상 요소 내에 중첩된 가상 요소의 스타일을 지정할 수 있습니다. 지금까지 다음에 대한 지원이 정의되었습니다.

• ::before::marker
• ::after::marker

향후 ::column::scroll-marker가 지원될 예정입니다.

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

오디오 및 동영상

Web Speech API에 MediaStreamTrack 지원 추가

Web Speech API에 MediaStreamTrack 지원을 추가합니다.

Web Speech API는 개발자가 음성 인식 및 합성을 웹페이지에 통합할 수 있는 웹 표준 API입니다. 현재 Web Speech API는 사용자의 기본 마이크를 오디오 입력으로 사용합니다. MediaStreamTrack 지원을 통해 웹사이트는 Web Speech API를 사용하여 원격 오디오 트랙을 비롯한 다른 오디오 소스에 자막을 추가할 수 있습니다.

ChromeStatus.com 항목 | 사양

Web API

서비스 워커 클라이언트 생성 및 srcdoc iframe의 서비스 워커 컨트롤러 상속

Srcdoc 컨텍스트 문서는 현재 서비스 워커 클라이언트가 아니며 상위 페이지의 서비스 워커에 적용되지 않습니다. 이로 인해 약간의 불일치가 발생합니다 (예: 리소스 타이밍은 이러한 문서가 로드하는 URL을 보고하지만 서비스 워커는 이를 가로채지 않음). 이번 변경사항은 srcdoc iframe의 서비스 워커 클라이언트를 만들고 상위 요소의 서비스 워커 컨트롤러를 상속받도록 하여 불일치를 수정하려고 합니다.

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

요소 반사

이 기능을 사용하면 ARIA 관계 속성을 IDL에 DOMStrings가 아닌 요소 참조로 반영할 수 있습니다.

이렇게 하면 ariaOwnsElements을 제외하고 ARIAMixin 인터페이스의 IDL 속성을 Element 또는 FrozenArray<Element> 유형으로 구현합니다.

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

분리된 프레임: 자동 비콘 교차 출처 데이터 지원

Protected Audience 또는 공유 저장소와 같은 API를 통해 로드된 펜싱된 프레임 또는 URN iframe은 이벤트가 발생하면 보고 비콘을 자동으로 전송할 수 있습니다 (현재 최상위 탐색 비콘만 지원됨). 이 기능은 이전에 루트 펜싱된 프레임의 트리에 로드된 교차 출처 문서가 선택된 경우 자동 비콘을 전송할 수 있도록 업데이트되었지만, API에서 로드한 출처와 출처가 동일한 프레임만 비콘의 일부로 전송할 데이터를 설정할 수 있다는 제한은 유지되었습니다. 이 기능은 교차 출처 문서가 자동 비콘에 사용될 데이터를 설정할 수 있도록 해당 기능을 확장합니다.

개인 정보를 보호하면서 이를 허용하려면 차단된 프레임 루트 문서와 교차 출처 하위 프레임 문서 모두를 명시적으로 선택해야 합니다. 이는 다른 교차 출처 FFAR 기능과 동일한 선택 형식입니다. 특히 루트 프레임은 Allow-Fenced-Frame-Automatic-Beacons 헤더를 사용하여 선택해야 하며, 데이터를 설정하는 교차 출처 하위 프레임은 setReportEvent() 호출에서 crossOriginExposed 매개변수를 사용하여 선택해야 합니다.

ChromeStatus.com 항목 | 사양

Float16Array

Float16Array 유형 배열을 추가합니다. 숫자 값은 Float16Array 인스턴스에 쓸 때 IEEE fp16으로 반올림됩니다.

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

HSTS 추적 방지

HSTS 캐시를 사용하는 서드 파티의 사용자 추적을 완화합니다.

이 기능은 최상위 탐색의 HSTS 업그레이드만 허용하고 하위 리소스 요청의 HSTS 업그레이드는 차단합니다. 이렇게 하면 서드 파티 사이트에서 HSTS 캐시를 사용하여 웹에서 사용자를 추적하는 것이 불가능해집니다.

버그 추적 #40725781 | ChromeStatus.com 항목

NavigateEvent sourceElement

요소에서 탐색을 시작하면 (예: 링크 클릭 또는 양식 제출) NavigateEvent의 sourceElement 속성이 시작 요소가 됩니다.

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

NotRestoredReasons API 이유 이름 변경

NotRestoredReasons API가 표준화된 이름에 맞게 일부 이유 텍스트를 변경합니다. 이러한 이유를 모니터링하는 경우 이유 텍스트가 변경될 수 있습니다.

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

Observable API

관찰 가능한 함수는 푸시 기반 이벤트의 비동기 스트림을 처리하는 데 사용되는 인기 있는 반응형 프로그래밍 패러다임입니다. Promise와 비슷하지만 여러 이벤트에 적용되며 Promise가 콜백과 중첩에 대해 수행한 작업을 수행하는 것을 목표로 합니다. 즉, 이벤트의 비동기 흐름을 나타내는 Observable 객체를 제공하여 인체공학적 이벤트 처리를 허용합니다.

객체를 구독하여 이벤트가 들어올 때마다 수신하고, 연산자 또는 컴비네이터를 호출하여 이벤트가 통과하는 변환 흐름을 선언적으로 설명할 수 있습니다. 이는 addEventListener()와 같은 항목을 사용하여 복잡한 중첩이 필요한 명령형 버전과 대조됩니다.

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

setInterval(...)를 1ms 이상으로 클램핑하는 작업 삭제

Chrome 135 이전에는 값이 1보다 작은 setInterval가 1로 제한되었습니다. Chrome 135부터 이 제한사항이 삭제됩니다.

• 이전: setInterval(..., 0) = 1ms 지연.
• 이후: setInterval(..., 0) = 0ms 지연.

버그 추적 #41380458 | ChromeStatus.com 항목

서비스 워커 클라이언트 URL이 history.pushState() 변경사항을 무시함

history.pushState() 및 기타 유사한 기록 API를 사용하여 문서 URL 변경사항을 무시하도록 서비스 워커 Client.url 속성을 수정합니다. Client.url 속성은 이러한 변경사항을 무시하는 HTML 문서의 생성 URL이 될 예정입니다.

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

SVGAElement에 rel 및 relList 속성 지원

SVG 2.0의 SVGAElement 인터페이스를 사용하면 HTML 앵커 요소와 유사하게 <a> 요소를 조작할 수 있습니다. rel 및 relList 속성을 지원하면 개발자의 보안 및 개인 정보 보호가 강화됩니다.

HTML 앵커 요소와의 이러한 정렬은 웹 기술 전반에서 일관성과 사용 편의성을 보장합니다.

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

RTC 인코딩된 프레임의 타임스탬프

이 기능은 RTCPeerConnection을 사용하여 전송된 WebRTC 인코딩된 프레임에 있는 일부 타임스탬프를 웹에 노출하는 것으로 구성됩니다. 문제의 타임스탬프는 다음과 같습니다.

• Capture timestamp: 프레임이 처음 캡처된 타임스탬프입니다.
• 수신 타임스탬프: 프레임이 수신된 타임스탬프입니다.

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

CORS 리디렉션에서 HTTP 요청 헤더, 본문, 리퍼러 정책 업데이트

메서드가 변경된 경우 request-body-headers 및 body를 삭제하고 리퍼러 정책을 업데이트하여 CORS 리디렉션의 HTTP 요청을 업데이트합니다. 이러한 요청 업데이트는 가져오기 사양에 따라 호환성을 개선하기 위해 Firefox 및 Safari에서 구현한 동작과 일치합니다.

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

fetchLater API

fetchLater()는 지연된 가져오기를 요청하는 JavaScript API입니다. 문서에서 호출되면 지연된 요청은 브라우저에 의해 PENDING 상태로 대기열에 추가되며 다음 조건 중 가장 먼저 발생하는 조건에 의해 호출됩니다.

• 문서가 삭제됩니다.
• 사용자가 지정한 시간 후 개인 정보 보호를 위해 남은 시간이 얼마든지 문서가 bfcache에 들어가면 대기 중인 모든 요청이 플러시됩니다.
• 브라우저가 전송할 시점이라고 판단합니다.

API는 지연된 요청이 전송되었는지 여부를 알리기 위해 업데이트될 수 있는 불리언 필드 'activated'가 포함된 FetchLaterResult를 반환합니다. 전송에 성공하면 본문과 헤더를 포함한 전체 응답이 브라우저에서 무시됩니다. 페이지가 이미 사라졌을 수 있으므로 아무것도 처리하거나 업데이트해서는 안 됩니다.

API 사용자의 관점에서는 정확한 전송 시간이 알 수 없습니다.

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

highlightsFromPoint API

highlightsFromPoint API를 사용하면 개발자가 문서 내 특정 지점에 있는 강조 표시를 감지하여 맞춤 강조 표시와 상호작용할 수 있습니다. 이 상호작용은 여러 강조 표시가 섀도우 DOM 내에서 겹치거나 존재할 수 있는 복잡한 웹 기능에 유용합니다. 이 API는 정확한 점 기반 강조 표시 감지를 제공하여 개발자가 강조 표시된 영역에서 사용자 클릭 또는 마우스 오버 이벤트에 응답하여 맞춤 도움말, 컨텍스트 메뉴 또는 기타 양방향 기능을 트리거하는 등 맞춤 강조 표시로 동적 상호작용을 더 효과적으로 관리할 수 있도록 지원합니다.

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

오리진 트라이얼

기기 결합 세션 사용자 인증 정보

웹사이트에서 세션을 단일 기기에 안전하게 바인딩하는 방법입니다.

이를 통해 서버는 세션을 기기에 안전하게 바인드할 수 있습니다. 브라우저는 서버의 요청에 따라 비공개 키 소유 증명과 함께 주기적으로 세션을 갱신합니다.

시작 버전 체험판 | ChromeStatus.com 항목 | 사양

관심분야 호출자

이 기능은 <button> 및 <a> 요소에 interesttarget 속성을 추가합니다. interesttarget 속성은 요소에 '관심' 동작을 추가합니다. 즉, 사용자가 요소에 '관심을 보일 때' 대상 요소에서 작업이 트리거됩니다. 작업에는 팝오버 표시와 같은 작업이 포함될 수 있습니다. 사용자 에이전트는 사용자가 요소에 '관심을 보일 때'(마우스로 요소 위로 마우스를 가져가거나, 키보드에서 특수 핫키를 누르거나, 터치 스크린에서 요소를 길게 누를 때) 이를 감지합니다. 관심이 표시되거나 사라지면 타겟에서 InterestEvent이 실행되며, 팝오버의 경우 기본 작업인 팝오버 표시 및 숨기기가 실행됩니다.

시작 버전 체험판 | 버그 추적 #326681249 | ChromeStatus.com 항목 | 사양

서명 기반 무결성

이 기능은 웹 개발자에게 종속 항목의 출처를 확인하는 메커니즘을 제공하여 사이트의 종속 항목에 대한 신뢰의 기술적 기반을 만듭니다. 간단히 말해 서버는 Ed25519 키 쌍으로 응답에 서명할 수 있으며 웹 개발자는 사용자 에이전트가 특정 공개 키를 사용하여 서명을 확인하도록 요구할 수 있습니다. 이렇게 하면 콘텐츠 보안 정책에서 제공하는 URL 기반 검사와 하위 요소 무결성의 콘텐츠 기반 검사를 보완할 수 있습니다.

Origin 무료 체험판 | 버그 추적 #375224898 | ChromeStatus.com 항목 | 사양

추측 규칙: target_hint 필드

이렇게 하면 개발자가 target_hint 필드를 지정할 수 있도록 추측 규칙 문법이 확장됩니다.

이 필드는 사전 렌더링된 페이지가 최종적으로 활성화될 탐색 가능한 대상을 나타내는 힌트를 제공합니다. 예를 들어 _blank가 힌트로 지정되면 window.open()으로 열린 탐색 가능한 페이지에 대해 사전 렌더링된 페이지를 활성화할 수 있습니다. 이 필드는 미리 가져오기에 영향을 미치지 않습니다.

사양에 따라 이 필드는 탐색 가능한 타겟 이름 또는 키워드로 유효한 문자열을 값으로 허용하지만 이 출시에서는 "_self" 또는 "_blank" 문자열 중 하나만 지원합니다. 힌트를 지정하지 않으면 "_self"가 지정된 것처럼 취급됩니다.

시작 버전 체험판 | 버그 추적 #40234240 | ChromeStatus.com 항목 | 사양

지원 중단 및 삭제

지원 중단된 navigator.xr.supportsSession 메서드 삭제

2019년 9월에 TAG로부터 API 형태에 관한 의견을 받은 후 WebXR 사양에서 navigator.xr.supportsSession 메서드가 navigator.xr.isSessionSupported 메서드로 대체되었습니다. 이후 Chromium에서 지원 중단됨으로 표시되어 개발자를 업데이트된 API로 리디렉션하는 콘솔 경고가 표시됩니다.

이 호출의 사용 빈도는 매우 낮으며 WebXR 콘텐츠를 빌드하는 데 사용되는 모든 주요 프레임워크가 최신 호출을 사용하도록 업데이트된 것으로 확인되었습니다.

ChromeStatus.com 항목 | 사양

WebGPU 한도 maxInterStageShaderComponents 삭제

다음과 같은 여러 요인으로 인해 maxInterStageShaderComponents 한도가 삭제됩니다.

• maxInterStageShaderVariables 중복: 이 한도는 이미 셰이더 단계 간에 전달되는 데이터의 양을 제어하는 유사한 목적으로 사용됩니다.
• 경미한 불일치: 두 한도의 계산 방식에는 약간의 차이가 있지만 이러한 차이는 미미하며 maxInterStageShaderVariables 한도 내에서 효과적으로 관리할 수 있습니다.
• 간소화: maxInterStageShaderComponents를 삭제하면 셰이더 인터페이스가 간소화되고 개발자의 복잡성이 줄어듭니다. 두 가지 한도를 동시에 적용하지만 미묘한 차이가 있는 두 가지 한도를 관리하는 대신 더 적절한 이름을 지정하고 포괄적인 maxInterStageShaderVariables에 집중할 수 있습니다.

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