달리 명시되지 않는 한 다음 변경사항은 Android, ChromeOS, Linux, macOS, Windows용 최신 Chrome 베타 채널 출시에 적용됩니다. 제공된 링크 또는 ChromeStatus.com의 목록을 통해 여기에 나열된 기능에 관해 자세히 알아보세요. Chrome 122는 2024년 1월 24일 현재 베타 버전입니다. 데스크톱용 Google.com 또는 Android의 Google Play 스토어에서 최신 버전을 다운로드할 수 있습니다.
CSS
이 버전에는 세 가지 새로운 CSS 기능이 추가되었습니다.
지원되지 않는 기능이 포함된 CSS @container 쿼리가 일치하지 않습니다.
지원되지 않는 쿼리가 포함된 @container 선택기는 컨테이너를 선택하지 않으므로 일치하는 항목이 없습니다.
즉, 너비 쿼리와 일치하는 크기 컨테이너가 있더라도 이 쿼리는 어떠한 컨테이너와도 일치하지 않습니다. 예를 들어 다음 쿼리는 알 수 없는 기능으로 인해 일치하지 않습니다.
@container (width > 0px) or (unknown) {}
이는 이후 버전과의 호환성 문제를 방지하기 위한 사양의 최근 변경사항입니다.
원래 요소에서 상속되는 CSS 의사 요소 ::backdrop
초깃값에서 상속받는 데 사용되는 ::backdrop 유사 요소. 즉, ::backdrop 규칙에 직접 지정되지 않는 한 ::backdrop는 맞춤 속성 값을 사용할 수 없습니다. 이제 사양이 변경되어 ::backdrop가 원래 요소에서 상속됩니다. 이로 인해 Chrome 구현이 새 사양과 일치하게 됩니다.
@import의 CSS supports() 조건
이제 @import가 supports() 조건을 허용합니다. supports() 조건이 일치하지 않으면 가져오기를 가져올 수 없습니다.
@import "scroll-driven-animations.css" supports(animation-timeline: auto);
supports()에 넣을 특성 쿼리는 @supports에 사용된 쿼리와 동일합니다.
Web API
Async Clipboard API: 확인되지 않은 HTML 읽기
정리되지 않은 HTML 형식을 가져올 수 있도록 read() 메서드에 unsanitized 옵션을 추가합니다. 사이트에 이 속성이 포함되어 있지 않으면 클립보드에서 읽을 때 삭제됩니다.
기본적으로 비동기 API를 사용하여 text/html MIME 유형을 읽을 때 새니타이저가 호출되어 보안 문제로 인해 HTML 마크업에서 콘텐츠를 제거하고 HTML에서 스타일이 인라인됩니다. 이로 인해 웹 개발자나 모바일 앱에서 HTML 페이로드가 커지고 HTML 콘텐츠의 충실도가 저하됩니다.
dataTransfer.clearData()에서 파일 종류 객체 삭제 안함
clearData()가 파일 객체에 영향을 미치지 않도록 지정하는 spec과 일치하도록 Chrome을 업데이트합니다. text 종류 객체만 삭제됩니다.
FedCM: 연결 해제
신뢰 당사자 웹사이트를 사용하여 제휴 로그인 계정의 연결을 해제할 수 있습니다. 연결 해제 API를 사용하면 신뢰 당사자가 ID 공급업체에 이전에 사용한 계정이 연결 해제되었음을 알릴 수 있으므로 이 계정을 제휴 로그인으로 다시 사용하려면 해당 계정을 새 계정으로 처리해야 합니다.
iframe에서 상호 운용 가능한 마우스 다운 이벤트 취소
포인터를 iframe 외부로 드래그할 때 마우스 이벤트 타겟을 마우스다운 이벤트 취소에 구속받지 않도록 설정합니다. 마우스를 iframe 외부로 드래그하면 모든 브라우저 (Chrome 포함)가 mousemove 및 mouseup 이벤트를 iframe으로 전송합니다. 하지만 마우스 다운 이벤트가 취소되면 현재 Chrome은 마우스 이동 및 마우스 업 이벤트를 외부 프레임으로 전송하는 이전 WebKit 예외를 유지합니다. WebKit에서는 작년에 이 예외를 삭제했으며 Mozilla는 최근 몇 년 동안 이러한 동작을 보여주지 않았습니다. 이 기능을 사용하면 이 특별한 경우에 Chrome에만 적용되는 예외가 삭제됩니다.
반복자 도우미
반복자 도우미는 반복기의 일반적인 사용 및 소비를 허용하는 반복기 프로토타입의 새로운 메서드입니다.
MessagePort.onclose
Channel Messaging API를 변경하여 MessagePort 중 하나에 다른 포트가 연결 해제되었음을 알립니다. 즉, close()가 호출되거나, 필요한 문서가 폐기되거나, 포트에 가비지가 수집됩니다.
키 프레임 생성을 요청하기 위한 RTCRtpSender setParameters() 확장 프로그램
연결된 인코더에 키 프레임을 생성하도록 요청하는 데 사용할 수 있는 두 번째 매개변수(선택사항)를 WebRTC의 RTCRtpSender.setParameters 호출에 추가합니다.
메서드 설정
set 메서드는 JavaScript의 기본 제공 Set 클래스에 추가된 합집합 및 교집합과 같은 새로운 메서드입니다.
Storage Buckets API
사이트에서 저장소 버킷을 사용하면 기기 내 데이터를 별도의 '버킷'으로 정리할 수 있습니다. 이렇게 하면 사용자 에이전트가 그룹화된 데이터를 다른 버킷에 있는 데이터와 별개로 제거할 수 있으며, 사이트에서 의미론적으로 관련된 데이터를 인체공학적으로 관리할 수 있습니다. 각 스토리지 버킷에는 IndexedDB 및 CacheStorage와 같은 설정된 스토리지 API와 연결된 데이터가 포함될 수 있습니다.
URLPattern: hasRegExpGroups
URLPattern에서 하나 이상의 ECMAScript 정규 표현식 그룹을 사용하는지 검사할 수 있습니다. 따라서 ECMAScript 엔진을 사용할 수 없는 경우 (예: 일부 예정된 API)에는 적합하지 않을 수 있습니다.
엄밀히 말하면 이는 개발자가 패턴을 조사하여 알 수 있는 것을 반영하지만 UA의 이 검사 구현에 액세스하면 더 간단해집니다.
WebGL drawingBufferStorage
WebGL을 사용하면 다양한 픽셀 형식의 텍스처 및 렌더버퍼로 렌더링할 수 있습니다. 예를 들어 8비트, 부동 소수점, sRGB 인코딩입니다.
WebGL (컴포지터에 전달되는 버퍼)의 그리기 버퍼는 기본적으로 8비트입니다. drawBufferStorage 기능을 사용하면 WebGL이 그리기 버퍼의 픽셀 형식을 구성할 수 있으므로 개발자는 다음 작업을 할 수 있습니다.
- 렌더링을 기본 그리기 버퍼 픽셀 형식으로 변환할 때 추가 복사를 피하세요.
- 정밀도가 8비트를 초과하는 콘텐츠를 그립니다.
후자를 사용하면 몇 가지 추가 애플리케이션을 활용할 수 있습니다.
- 정밀도를 떨어뜨리지 않으면서 매우 넓은 색 공간 콘텐츠
- 8비트 이상의 정밀도가 필요한 의료 애플리케이션.
- HDR(High Dynamic Range) 애플리케이션(사용 가능한 경우).
TLS용 X25519Kyber768 키 캡슐화
Kyber768 양자 저항 키 계약 알고리즘을 배포하여 향후 양자 암호화 분석으로부터 현재 Chrome TLS 트래픽을 보호합니다. IETF 표준을 기반으로 한 하이브리드 X25519 + Kyber768 키 계약입니다. 이 사양과 출시는 W3C의 범위를 벗어납니다. 이 키 계약은 TLS 암호화로 실행되며 사용자에게 투명해야 합니다.
오리진 트라이얼 진행 중
Chrome 122에서는 다음과 같은 새로운 오리진 트라이얼을 선택할 수 있습니다.
웹 앱 범위 확장 프로그램
웹 앱 범위 (범위 필드로 정의)는 단일 출처의 경로로만 정의할 수 있습니다. 앱 창의 현재 문서가 앱의 일부인지 확인하는 데 사용됩니다. 또한 다른 매니페스트 멤버에 허용되는 URL도 결정합니다.
scope_extensions를 사용하면 웹 앱의 기본 출처와 연결된 출처 간에 동의가 있는 경우 다른 출처를 포함하도록 앱의 동작을 확장할 수 있습니다.
캡처된 표면 제어
Captured Surface Control API를 사용하면 웹 애플리케이션이 캡처된 탭 또는 창에서 휠 이벤트를 생성하고 캡처된 탭의 확대/축소 수준을 읽거나 쓸 수 있습니다.