Chrome 122 베타

달리 명시되지 않는 한 다음 변경사항은 최신 Chrome 베타 버전에 적용됩니다. Android, ChromeOS, Linux, macOS, Windows용 채널 출시입니다. 자세히 알아보기 자세히 알아보려면 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 읽기

unsanitized를 추가합니다. 옵션을 read() 메서드에 추가하여 정리되지 않은 HTML 형식을 가져옵니다. 사이트가 예외인 경우 이 속성을 포함하면 클립보드에서 읽은 내용이 정리됩니다.

기본적으로 비동기 API를 사용하여 text/html MIME 유형을 읽을 때 새니타이저가 호출되어 HTML 마크업에서 콘텐츠를 제거합니다. 스타일은 HTML에서 인라인 처리됩니다. 이로 인해 대량의 HTML 페이로드가 발생합니다. 웹 개발자나 모바일 앱이 읽을 때 HTML 콘텐츠의 충실도가 떨어질 수 있습니다.

dataTransfer.clearData()에서 파일 종류 객체를 삭제하지 않음

Chrome을 spec 이는 clearData()가 파일 객체에 영향을 미치지 않도록 지정합니다. 삭제만 가능합니다. text 종류 객체

FedCM: 연결 해제

신뢰 당사자 웹사이트를 사용하여 제휴 로그인 계정의 연결을 해제할 수 있습니다. 연결 해제 API를 사용하면 신뢰 당사자는 ID 공급업체에 이전에 사용한 계정이 연결 해제되어 다시 사용하는 경우 새 계정으로 취급해야 합니다.

iframe에서 상호 운용 가능한 마우스다운 이벤트 취소

사용자가 포인터가 iframe 외부로 드래그됩니다. 마우스를 iframe 밖으로 드래그하면 모든 브라우저 (Chrome 포함)에서 mousemovemouseup 이벤트를 있습니다. 하지만 마우스다운 이벤트가 취소되어도 오늘 Chrome은 마우스 이동 및 마우스업 이벤트가 외부로 전송되도록 기존 WebKit 예외 있습니다. 작년에 WebKit에서 이 예외를 삭제했고, Mozilla는 이 예외를 파악했습니다. 이 기능을 사용하면 이 특별한 경우에 해당합니다.

반복자 도우미

반복기 도우미는 새로운 메서드임 반복자를 일반적으로 사용하고 사용할 수 있습니다.

MessagePort.onclose

Channel Messaging API에 대한 변경사항으로, MessagePorts 중 하나를 알립니다. 다른 포트가 분리되었음을 알립니다. 즉, close()가 호출되어 또는 포트가 가비지 컬렉션된 경우 발생합니다.

키 프레임 생성을 요청하기 위한 RTCRtpSender setParameters() 확장 프로그램

WebRTC의 RTCRtpSender.setParameters 호출에 두 번째 매개변수(선택사항)를 추가합니다. 이는 연결된 인코더에 키프레임을 생성하도록 요청하는 데 사용할 수 있습니다.

설정 메서드

set 메서드는 자바스크립트의 내장된 Set 클래스를 사용합니다.

저장소 버킷 API

저장소 버킷은 사이트에서 기기 내 데이터를 별도의 '버킷'으로 내보내 사용자 에이전트가 다른 버킷에 있는 데이터와 별개로 데이터를 그룹화하고 사이트를 활성화하여 의미론적으로 관련된 데이터를 인체 공학적으로 관리합니다. 각 스토리지 버킷은 IndexedDB 및 CacheStorage 인스턴스를 만들 수 있습니다.

URL패턴: hasRegExpGroups

URLPattern가 하나 이상의 일반 ECMAScript를 사용하는지 검사할 수 있습니다. 따라서 ECMAScript 엔진을 사용할 수 없습니다 (예: 예정된 일부 API 계획). 엄밀히 말하면 이는 개발자가 어차피 알 수 있는 것을 UA의 구현에 액세스할 수 있어서 체크하면 더 간단합니다.

WebGL DrawingBufferStorage

WebGL을 사용하면 다양한 픽셀의 텍스처 및 렌더버퍼로 렌더링할 수 있음 있습니다. 예: 8비트, 부동 소수점, sRGB 인코딩

WebGL의 그리기 버퍼 (컴포지터로 전달되는 버퍼)는 기본적으로 8비트입니다. drawBufferStorage 기능을 사용하면 WebGL이 픽셀 형식이 지원되므로 개발자는 다음 작업을 할 수 있습니다.

  • 렌더링을 기본 그리기로 변환할 때 추가 사본 방지 버퍼 픽셀 형식을 사용합니다.
  • 정밀도가 8비트 이상인 콘텐츠를 그립니다.

후자 기능을 사용하면 여러 추가 애플리케이션을 사용할 수 있습니다.

  • 정밀도를 유지하면서 매우 넓은 색 영역 콘텐츠를 표현합니다.
  • 8비트 이상의 정밀도가 필요한 의료 애플리케이션
  • HDR(High Dynamic Range) 애플리케이션(가능한 경우)

TLS용 X25519Kyber768 키 캡슐화

다음을 통한 향후 퀀텀 암호화 분석으로부터 현재 Chrome TLS 트래픽 보호 Kyber768 양자 방지 키 계약 알고리즘을 배포합니다. 이것은 IETF 표준에 기반한 하이브리드 X25519 + Kyber768 키 계약입니다. 이 사양 및 출시는 W3C의 범위를 벗어납니다. 이 주요 계약은 TLS 암호화로 실행되며 사용자에게 투명해야 합니다.

오리진 트라이얼 진행 중

Chrome 122에서는 다음과 같은 새로운 원본을 선택할 수 있습니다. 시도를 참조하세요.

웹 앱 범위 확장 프로그램

웹 앱 범위 (범위 필드로 정의됨)는 다음의 경로로만 정의할 수 있습니다. 단일 출처일 수 있습니다 앱 창의 현재 실행 여부를 확인하는 데 사용됩니다. 문서가 앱에 포함되어 있습니다. 또한 다른 매니페스트 멤버를 포함할 수 있습니다

scope_extensions를 사용하면 개발자가 다른 출처가 있는 경우 다른 출처를 포함하도록 앱의 동작을 웹 앱의 기본 출처와 관련 출처 간의 합의에 따라 이루어져야 합니다.

웹 앱 범위 확장 프로그램 오리진 트라이얼 등록

캡처된 노출 영역 제어

Captured Surface Control API 웹 애플리케이션이 캡처된 탭이나 창에서 휠 이벤트를 생성하고, 캡처된 탭의 확대/축소 수준을 입력할 수 있습니다.

Captured Surface Control 오리진 트라이얼에 등록합니다.