새로운 CSS 색상 유형 및 색상 공간, CSS 삼각함수, View Transitions API
별도로 명시되지 않는 한 다음 변경사항은 Android, ChromeOS, Linux, macOS, Windows용 최신 Chrome 베타 채널 출시에 적용됩니다. 제공된 링크 또는 ChromeStatus.com의 목록에서 여기에 나열된 기능에 대해 자세히 알아보세요. Chrome 111은 2023년 2월 9일부터 베타 버전입니다. 데스크톱의 Google.com 또는 Android의 Google Play 스토어에서 최신 버전을 다운로드할 수 있습니다.
CSS
새로운 CSS 색상 유형 및 공간
이제 CSS 색상 레벨 4에 설명된 모든 기능이 사용 설정됩니다. 여기에는 기기 독립형 색상 유형 4가지 (lab, Oklab, lch, Oklch), color() 함수, 그라데이션 및 애니메이션을 위한 사용자 정의 색상 공간이 포함됩니다.
고해상도 CSS 색상 가이드에서 이러한 새로운 색상 유형과 공간에 대해 자세히 알아보세요.
color-mix() 함수
CSS Color 5의 매우 유용한 color-mix() 함수도 제공됩니다. 이 함수를 사용하면 지원되는 모든 색상 공간에서 한 색상의 비율을 다른 색상에 혼합할 수 있습니다. 다음 예에서는 SRGB에서 blue의 10% 를 white에 혼합합니다.
.item {
background-color: color-mix(in srgb, blue 10%, white);
}
CSS 선택자 4 가상 클래스 :nth-child(an + b of S)
선택자를 사용하도록 :nth-child(an + b) 및 :nth-last-child()를 확장합니다. 예를 들어 :nth-child(3 of .c)는 지정된 상위 요소 아래의 세 번째 .c입니다. 자세한 내용은 of S 문법을 사용하여 :nth-child() 선택사항을 더 세부적으로 제어 도움말을 참고하세요.
CSS 루트 글꼴 단위
기존 루트 글꼴 단위 rem에 루트 글꼴 단위 rex, rch, ric, rlh를 추가합니다.
CSS 삼각함수
삼각 함수 sin(), cos(), tan(), asin(), acos(), atan(), atan2()가 CSS 수학 표현식에 추가되었습니다.
CSS 맞춤 속성의 스타일 컨테이너 쿼리
조상 요소의 맞춤 속성의 계산된 값을 기반으로 스타일을 적용할 수 있도록 @container 규칙에 style() 함수를 추가합니다.
baseline-source 속성
baseline-source 속성을 사용하면 웹 개발자가 인라인 수준 상자가 linebox 내에서 정렬을 위해 first 기준선 또는 last 기준선을 사용해야 하는지 지정할 수 있습니다.
Web API
window-management 권한 및 권한 정책 문자열
Chrome 111에서는 window-placement 권한 및 권한 정책 문자열의 별칭으로 window-management를 추가합니다. 이는 window-placement를 지원 중단하고 삭제하여 문자열의 이름을 바꾸기 위한 더 큰 노력의 일환입니다. 용어 변경으로 Window Management API가 시간이 지남에 따라 진화함에 따라 설명자의 수명이 개선됩니다.
Media Session API: 슬라이드 프레젠테이션 작업
기존 Media Session API에 previousslide 및 nextslide 작업을 추가합니다.
크기 조절 가능한 ArrayBuffer 및 확장 가능한 SharedArrayBuffer
버퍼의 인플레이션 및 축소를 허용하는 추가 최대 길이를 사용하도록 ArrayBuffer 생성자를 확장합니다. 마찬가지로 SharedArrayBuffer도 인플레이스 성장을 허용하는 추가 최대 길이를 사용하도록 확장됩니다.
추측 규칙: 리퍼러 정책 키
이렇게 하면 개발자가 추측 규칙에 의해 트리거된 추측 요청에 사용할 리퍼러 정책을 지정할 수 있도록 추측 규칙 문법이 확장됩니다. 또한 '충분히 엄격한 리퍼러 정책' 요구사항이 다시 도입됩니다.
선언적 섀도우 DOM 스트리밍
이렇게 하면 템플릿 태그 닫기 대신 시작 부분에 그림자 루트를 연결하여 스트리밍을 지원할 수 있습니다.
View Transitions API
뷰를 스냅샷으로 찍고 상태 간에 겹침이 없도록 DOM이 변경되도록 허용하여 싱글페이지 애플리케이션 (SPA)에서 세련된 전환을 만들 수 있습니다. View Transitions를 사용하여 맞춤 전환을 빌드하거나 간단한 크로스페이드 기본값을 사용하여 사용자 환경을 개선하세요.
시작하는 데 도움이 되는 자세한 내용과 전환 예시는 Chrome 개발자 도움말을 참고하세요.
WebRTC 확장 가능한 동영상 코딩 확장 프로그램
이 확장 프로그램은 발신 WebRTC 동영상 트랙에서 가능한 가변형 동영상 코딩 (SVC) 구성 간에 선택하는 표준 메서드를 정의합니다.
WebXR enabledFeatures 속성
XRSessionInit에 지정된 대로 이 XRSession에 사용 설정된 기능 집합과 지정된 모드 및 기능에 대해 사양에 필요한 암시적 기능을 반환합니다. 부여된 세션의 경우 여기에는 모든 requiredFeatures가 포함되지만 optionalFeatures의 하위 집합일 수 있습니다. 대부분의 기능에는 기능이 부여되었는지 감지하는 다른 방법이 있습니다. 그러나 일부 기능의 경우 기능이 사용 설정되었는지 여부에 대한 신호가 데이터를 사용할 수 없는 것이 아니라 현재 사용할 수 없는 기능에 관한 데이터와 밀접하게 연결될 수 있습니다. enabledFeatures를 쿼리하여 유용한 힌트 (예: 추적 개선 또는 시작)를 표시해야 하는지 또는 현재 세션에서 기능이 지원되지 않는지 확인할 수 있습니다.
진행 중인 오리진 트라이얼
Chrome 111에서는 다음과 같은 새로운 출처 무료 체험판을 선택할 수 있습니다.
Web Payment API에서 connect-src CSP 우회 삭제를 위한 지원 중단 체험판
웹 결제 API가 매니페스트를 가져올 때 connect-src CSP 정책을 우회하는 기능을 지원 중단합니다. 이 지원 중단 후에는 사이트의 connect-src CSP 정책에서 PaymentRequest 호출에 지정된 결제 수단 URL과 메서드 체이닝을 통해 매니페스트를 가져오는 다른 모든 URL을 허용해야 합니다.
이 우회 기능은 Chrome 111에서 삭제되며, 일시적으로 우회를 다시 사용 설정해야 하는 개발자를 위해 111에서 113으로의 역원본 체험판이 제공됩니다. 이 기능을 사용하려면 connect-src CSP 우회의 역 지원 중단 체험판에 등록하세요.
문서 PIP 모드
Document Picture-in-Picture API는 임의의 HTML 콘텐츠로 채울 수 있는 상시 표시 창을 여는 새로운 API입니다. 이는 HTMLVideoElement만 PIP 창에 배치할 수 있는 기존 PIP API를 확장한 것입니다. 이를 통해 웹 개발자는 사용자에게 더 나은 PiP 환경을 제공할 수 있습니다.
문서 PIP 모드 문서를 읽습니다.
문서 PIP 모드 오리진 체험판에 등록합니다.
지원 중단 및 삭제
이 버전의 Chrome에서는 아래에 나열된 지원 중단 및 삭제가 적용됩니다. ChromeStatus.com에서 계획된 지원 중단, 현재 지원 중단, 이전 삭제 목록을 확인하세요.
이 Chrome 출시에서는 세 가지 기능이 삭제됩니다.
PaymentInstruments 삭제
PaymentInstruments는 결제 앱의 비 JIT 설치를 지원하는 웹 API입니다 (https://w3c.github.io/payment-handler/ 참고). 브라우저가 실제 결제 수단 세부정보를 저장한다고 가정하여 설계되었지만, 이는 사실이 아니며 개인 정보가 일부 유출되었습니다. 또한 다른 브라우저에는 제공되지 않았으며 다른 브라우저 공급업체의 관심도 확인되지 않았습니다. 이에 따라 이 API는 지원 중단되고 삭제되었습니다.
웹 결제 API에서 connect-src CSP 우회 삭제
Web Payment API가 매니페스트를 가져올 때 connect-src CSP 정책을 우회하는 기능을 지원 중단합니다. 이 삭제 후에는 사이트의 connect-src CSP 정책에서 PaymentRequest 호출에 지정된 결제 수단 URL과 메서드 체이닝을 통해 매니페스트를 가져오는 다른 모든 URL을 허용해야 합니다.
이 삭제로 인해 필요한 변경사항을 적용할 시간을 더 확보할 수 있는 지원 중단 체험판을 선택하는 방법은 출처 체험판에 관한 정보를 참고하세요.
canmakepayment 이벤트의 판매자 ID
canmakepayment 서비스 워커 이벤트를 사용하면 판매자가 사용자가 설치된 결제 앱에 등록된 카드가 있는지 알 수 있습니다. 이 이벤트는 결제 앱 출처에서 판매자의 출처와 임의의 데이터를 서비스 워커에 자동으로 전달하는 데 사용되었습니다. 이 교차 출처 통신은 JavaScript의 PaymentRequest 생성 시 발생했으며 사용자 동작이 필요하지 않았고 사용자 인터페이스를 표시하지 않았습니다. 이 무음 데이터 전달은 canmakepayment 이벤트 및 Android IS_READY_TO_PAY 인텐트에서 삭제되었습니다.