Chrome 153 베타

CSS 및 UI

단일 축 스크롤 컨테이너

overflow 속성을 확장하여 clip과 함께 스크롤 가능한 값을 지원합니다 (예: overflow: scroll clip). 이를 통해 position: sticky가 축당 다른 상위 스크롤 컨테이너에 의해 제한될 수 있으며 작성자는 overflow: clip을 사용하여 축이 제자리에 유지되도록 할 수 있습니다.

scroll-axis-lock 속성

scroll-axis-lock은 개발자가 브라우저에 사용자의 스크롤 동작을 한 축으로 제한하지 않도록 지시하는 데 사용할 수 있는 CSS 속성입니다.

웹브라우저는 한 축의 움직임이 수직 축의 움직임보다 훨씬 클 때 사용자의 스크롤 동작을 단일 축으로 '잠그는' 경우가 많습니다. 대부분의 경우 이 동작은 사용자가 한 축만 스크롤하려고 할 때 수직 축을 따라 실수로 스크롤하는 것을 방지하여 사용자 환경을 개선합니다. 그러나 개발자가 요소가 항상 대각선으로 스크롤되기를 원하는 경우 이 잠금 동작으로 인해 사용자는 잠금을 트리거하지 않는 각도로 동작을 시작해야 하며 이는 작성자가 의도한 사용자 환경과 일치하지 않는 경우가 많습니다.

JavaScript

반복자 조인

반복자의 콘텐츠를 문자열로 연결하는 방법을 자바스크립트에 추가하는 TC39 제안입니다. join() 인스턴스의 Iterator 메서드는 Array.prototype.join()과 유사합니다. 반복자가 생성한 모든 요소의 연결인 문자열을 반환하며 쉼표 또는 지정된 구분자 문자열로 구분됩니다.

공동 반복

여러 반복자의 진행을 동기화하는 TC39 제안으로, 흔히 zip이라고 합니다.

Web API

기능 요소: <camera> 및 <microphone>

<camera> 및 <microphone> 기능 요소는 <usermedia> MVP 요소와 동일한 기본 메커니즘을 공유하는 선언적 사용자 활성화 HTML 컨트롤입니다. 한 가지 중요한 차이점은 단일 기능을 요청하도록 설계되었다는 점입니다. <camera> 요소는 특히 동영상 캡처를 요청하는 반면 <microphone> 요소는 특히 오디오 캡처를 요청합니다. <usermedia> MVP와 마찬가지로 브라우저에서 제어하는 엄격하게 스타일이 지정된 UI를 페이지에 삽입하여 권한 프롬프트가 트리거되거나 스트림이 시작되기 전에 강력하고 의도적인 사용자 신호 (클릭)를 보장합니다.

<camera> 및 <microphone> 요소는 이러한 단일 기능 사용 사례를 위한 전용 시맨틱 HTML 컨트롤을 제공합니다. <usermedia> MVP와 동일한 보안 모델, 엄격한 스타일 지정 제약조건, 기본 제공 권한 복구 경로를 유지하지만 혼합 미디어 액세스가 필요하지 않은 개발자를 위한 더 맞춤화되고 인체공학적인 API를 제공합니다.

몰입형 오디오 모델 및 형식 (IAMF) 디코딩 지원

미디어 소스 확장 프로그램 (MSE)이 있는 HTML 미디어 요소 내에서 몰입형 오디오 모델 및 형식 (IAMF) 컨테이너를 디코딩하고 재생하는 지원을 추가합니다. IAMF는 채널 기반, 장면 기반, 객체 기반 오디오 프레젠테이션을 지원하는 개방형 로열티 프리 공간 오디오 형식입니다. 이 형식을 지원하면 웹 개발자가 독점 형식에 의존하거나 자바스크립트에서 복잡한 개별 오디오 채널 라우팅을 관리하지 않고도 다양한 기기에서 일관된 몰입형 3D 오디오 환경을 제공할 수 있습니다.

transitionrun 및 미디어 쿼리 이벤트의 상호 운용 가능한 디스패치 타이밍

애니메이션 transitionrun 이벤트 및 미디어 쿼리 change 이벤트의 Blink 디스패치 타이밍을 HTML 사양과 정렬하여 타이밍이 Gecko 및 WebKit과 상호 운용되도록 합니다. 더 정확히 말하면 HTML 창 이벤트 루프 사양에 따라 transitionrun 이벤트는 동일한 반복에서 이전에 생성된 애니메이션의 경우에도 (나중에 반복하도록 지연하는 대신) 3.11단계에서 발생하며 미디어 쿼리 change 이벤트는 보류 중인 애니메이션 이벤트를 발생시키기 전에 (3.11단계에서 애니메이션 이벤트와 혼합하는 대신) 3.10단계에서 발생합니다.

WebAudio: 구성 가능한 렌더링 퀀텀

선택적 renderSizeHint을 AudioContext 및 OfflineAudioContext에 추가합니다. 이를 통해 개발자는 특정 정수를 전달하여 WebAudio 렌더링 퀀텀 크기를 맞춤설정하거나, 힌트를 생략하거나 "default"를 전달하여 기본값 128프레임을 사용하거나, "hardware"를 지정하여 브라우저가 최적의 크기를 선택하도록 요청할 수 있습니다.

WebGPU: buffer_view 기능

변수의 데이터를 다시 해석하기 위한 WGSL 언어 기능입니다. 이 기능을 사용하면 개발자가 단일 균일, 저장소 또는 작업 그룹 변수를 여러 논리 변수로 나눌 수 있습니다. 또한 변수의 데이터 유형을 프로그램 내에서 여러 유형으로 해석할 수 있습니다.

XSLT가 아닌 시나리오를 위한 Rust의 XML 파싱

브라우저 보안을 개선하고 메모리 관련 취약점으로부터 사용자를 보호하기 위해 Chrome 153에서는 여러 일반적인 시나리오에서 XML 파싱 엔진이 메모리 안전 Rust 구현으로 변경됩니다. 이 기본 업데이트는 기존 웹 사양과의 완전한 호환성을 유지하면서 잠재적인 메모리 손상 버그를 제거합니다.

Chrome에서는 이미 XSLT 지원 중단 및 삭제가 시작되었습니다. 이 프로세스가 계속되는 동안, XSLT가 필요하지 않은 다음 시나리오를 더 안전한 새 파서가 처리합니다.

1. DOMParser Web API.
2. XMLHttpRequest의 responseXML에 액세스합니다.
3. SVG 독립형 이미지 (즉, 최상위 탐색으로 image.svg 문서에 직접 액세스)
4. SVG 외부 이미지 (SVG를 외부 이미지 리소스로 삽입하는 기본 문서 포함)

새 오리진 트라이얼

Chrome 153에서는 다음 새 오리진 트라이얼을 선택할 수 있습니다.

자바스크립트 자체 프로파일링 마커

자바스크립트 자체 프로파일링 API를 사용하면 웹 애플리케이션이 자체 호출 스택을 샘플링하여 실제 사용자 기기의 성능을 측정할 수 있습니다. 이 기능은 샘플이 가져온 시점에 실행 중인 브라우저 활동 유형(스크립트, gc, 스타일, 레이아웃, 페인트 또는 기타)을 식별하는 선택적 마커 필드를 캡처된 각 샘플에 추가합니다. 일반적으로 트레이스에는 해석할 수 없는 스택 간의 간격이 표시됩니다. 마커를 사용하면 개발자가 자바스크립트 외부에서 발생하는 브라우저 작업에 해당 시간을 할당할 수 있습니다. 예를 들어 스크립트 실행과 스타일 재계산, 레이아웃 또는 가비지 컬렉션 일시중지를 구분하여 느린 트레이스를 더 쉽게 분석하고 최적화할 수 있습니다.

지원 중단 및 삭제

_current를 타겟팅하는 비표준 탐색 삭제

Blink는 현재 _current를 타겟팅하는 탐색을 지원합니다. 이 기능은 웹에서 사용량이 최소화된 비표준이므로 Chrome 153에서 삭제됩니다.

document.requestStorageAccessFor 삭제

requestStorageAccessFor (rSAFor) API는 최상위 사이트가 삽입된 사이트를 대신하여 파티션을 나누지 않은('퍼스트 파티') 쿠키에 대한 액세스를 요청할 수 있도록 하는 Storage Access API의 확장 프로그램입니다. Chrome에서만 관련 웹사이트 세트 사이의 저장소 액세스를 요청하는 데 사용할 수 있으므로 관련 웹사이트 세트와 함께 삭제됩니다.

관련 웹사이트 세트 삭제

이전에 퍼스트 파티 세트로 알려진 관련 웹사이트 세트 (RWS)는 개발자가 사이트 간 관계를 선언하여 특정 사용자 대상 목적으로 제한된 교차 사이트 쿠키 액세스를 사용 설정할 수 있는 프레임워크를 제공합니다. 이는 Storage Access API (SAA) 및 requestStorageAccessFor (rSAFor)를 사용하여 용이하게 이루어집니다. RWS는 서드 파티 쿠키가 없는 브라우저에서 사용하도록 설계되었습니다. 서드 파티 쿠키에 대한 현재 접근 방식이 유지된다는 Chrome의 발표에 따라 관련 웹사이트 세트가 이제 Chrome에서 삭제됩니다.