게시일: 2024년 10월 16일
별도로 명시되지 않는 한 다음 변경사항은 Android, ChromeOS, Linux, macOS, Windows용 최신 Chrome 베타 채널 출시에 적용됩니다. 제공된 링크 또는 ChromeStatus.com의 목록을 통해 여기에 나열된 기능에 대해 자세히 알아보세요. Chrome 131은 2024년 10월 16일 현재 베타 버전입니다. 데스크톱의 경우 Google.com에서, Android의 경우 Google Play 스토어에서 최신 버전을 다운로드할 수 있습니다.
CSS
이번 출시에서는 8개의 새로운 CSS 기능이 추가되었습니다.
CSS 앵커 포지셔닝: anchor-scope
anchor-scope 속성을 사용하면 앵커 이름의 공개 상태를 지정된 하위 트리로 제한할 수 있습니다.
CSS font-variant-emoji
font-variant-emoji CSS 속성은 색상 (이모티콘 스타일) 및 단색 (텍스트 스타일) 이모티콘 글리프 간에 제어하는 방법을 제공합니다. 각 그림 이모티콘 코드 포인트 뒤에 그림 이모티콘 변형 선택기(특히 텍스트의 경우 U+FE0E, 그림 이모티콘의 경우 U+FE0F)를 추가하여 이 작업을 실행할 수도 있습니다.
CSS 강조 표시 상속
CSS 강조 표시 상속을 사용하면 ::selection 및 ::highlight와 같은 CSS 강조 표시 의사 클래스가 요소 체인이 아닌 의사 강조 표시 체인을 통해 속성을 상속합니다. 그 결과 강조 표시의 속성 상속에 대한 더 직관적인 모델이 생성됩니다.
자세한 내용은 Igalia의 Stephen Chenney가 작성한 블로그 게시물 CSS 선택 스타일 지정의 상속 변경사항을 참고하세요.
<details> 및 <summary> 요소의 스타일 구조 개선
<details> 및 <summary> 요소의 구조에 더 많은 CSS 스타일을 지원하여 웹에서 공개 위젯 또는 아코디언 위젯이 빌드되는 다양한 경우에 이러한 요소를 사용할 수 있도록 합니다. 특히 이 변경사항으로 이러한 요소에 display 속성을 설정하지 못하도록 하는 제한사항이 삭제되고 ::details-content 의사 요소가 추가되어 펼치고 접을 수 있는 부분의 컨테이너 스타일을 지정할 수 있습니다.
@page 여백 상자
웹 문서를 인쇄하거나 PDF로 내보낼 때 페이지 여백 상자 지원 추가
@page 여백 상자를 사용하면 브라우저에서 생성된 기본 헤더와 바닥글을 사용하는 대신 맞춤 헤더와 바닥글을 제공하는 등 페이지의 여백 영역에 콘텐츠를 정의할 수 있습니다.
여백 상자는 CSS @page 규칙 내에서 at-rule을 사용하여 정의됩니다. 여백 상자의 모양과 콘텐츠는 content 속성을 비롯한 at-rule 내의 CSS 속성으로 지정됩니다. 페이지 번호 매기기를 위해 카운터도 지원됩니다. 사양에서는 현재 페이지 번호의 경우 page, 총 페이지 수의 경우 pages이라는 두 가지 특수 카운터 이름을 정의합니다.
@property 지원 <string> 구문
등록된 맞춤 속성의 <string> 문법 구성요소 이름 지원
상대 색상 구문에서 currentcolor 지원
CSS에서 상대 색상 (from 키워드 사용)이 currentcolor을 기본으로 사용하도록 허용 이렇게 하면 요소의 텍스트 색상을 기반으로 해당 요소의 테두리, 그림자 또는 배경에 보색을 설정할 수 있습니다.
이 기능에는 color-mix(in srgb, rgb(from currentcolor r g b), white)) 또는 rgb(from rgb(from currentcolor 1 g b) b g r)과 같이 color 함수가 currentcolor에 종속되어 중첩되는 사용 사례도 포함됩니다.
clip-path, fill, stroke, marker-* 속성의 외부 SVG 리소스 지원
이 기능은 클립 경로, 마커, 페인트 서버('fill', 'stroke' 속성의 경우)에 대한 외부 참조 지원을 추가합니다. 예를 들면 다음과 같습니다.
clip-path: url("resources.svg#myPath")
Web API
Direct Sockets API
격리된 웹 앱이 네트워크 기기 및 시스템과 직접 전송 제어 프로토콜 (TCP) 및 사용자 데이터그램 프로토콜 (UDP) 통신을 설정하고 수신 연결을 수신하고 수락할 수 있도록 허용합니다.
CSP 제한에서 Speculation-Rules 헤더 제외
추측 규칙과 CSP 간의 통합을 업데이트하여 CSP가 Speculation-Rules 헤더가 아닌 <script type=speculationrules>에만 적용되도록 합니다. CSP의 스크립트 정책은 HTML에 스크립트가 삽입되는 것을 방지하기 위한 것이며 CSP 위협 모델은 HTTP 헤더와 관련이 없습니다. 이렇게 하면 CDN 및 기타 에지 서버에서 추측 규칙을 더 쉽게 배포할 수 있습니다.
Storage Access API의 신뢰 신호로서의 FedCM
이전 FedCM 부여를 스토리지 액세스 요청을 자동으로 승인하는 유효한 이유로 만들어 FedCM과 스토리지 액세스 API를 조정합니다.
사용자가 신뢰 당사자 (RP)에서 서드 파티 ID 공급업체 (IdP)를 사용하여 ID를 사용할 수 있는 권한을 부여하면 많은 IdP에서 올바르고 안전하게 작동하기 위해 서드 파티 쿠키가 필요합니다. 이 제안은 스토리지 액세스 API (SAA) 권한 확인을 업데이트하여 스토리지 액세스 프롬프트에서 부여된 권한뿐만 아니라 FedCM 프롬프트에서 부여된 권한도 허용함으로써 비공개적이고 안전한 방식으로 이 요구사항을 충족하는 것을 목표로 합니다.
이 메커니즘의 핵심 속성은 FedCM 권한 정책으로 RP가 명시적으로 허용한 사례에만 권한을 부여하여 RP의 프레임별 제어를 적용하고 FedCM이 이미 부여한 기능을 넘어 IDP의 수동 감시를 방지하는 것입니다.
COOP 값 noopener-allow-popups
일부 출처에는 보안 요구사항 수준이 다른 여러 애플리케이션이 포함될 수 있습니다. 이러한 경우 한 애플리케이션에서 실행되는 스크립트가 동일한 출처의 다른 애플리케이션의 페이지를 열고 스크립팅할 수 없도록 하는 것이 유용할 수 있습니다.
이러한 경우 오프너 문서가 동일 출처 문서인 경우에도 문서에서 오프너가 스크립팅할 수 없도록 하는 것이 유용할 수 있습니다. noopener-allow-popups Cross-Origin-Opener-Policy 값을 사용하면 문서에서 이 동작을 정의할 수 있습니다.
Private Aggregation API: Protected Audience 호출자의 기여 한도를 100으로 늘림
Protected Audience 스크립트 러너가 Private Aggregation 보고서당 최대 100개의 기여를 할 수 있도록 지원합니다(현재 한도는 20개).
Private Aggregation은 단일 집계 가능 보고서에 삽입할 수 있는 히스토그램 기여 수를 제한하여 추가 기여를 삭제합니다. 공유 스토리지 호출자는 다른 공유 스토리지 작업을 호출하여 이 제한을 해결할 수 있습니다. 하지만 Protected Audience 호출자에게는 영구 저장소가 없으므로 입찰이 끝나면 초과 기여도가 손실됩니다. 이 변경사항은 API의 기여가 동일한 개인 정보 보호 예산에 의해 여전히 제한되므로 개인 정보 보호에 중립적입니다.
패딩으로 인해 더 큰 기여도 한도가 필요하지 않은 경우에도 각 Protected Audience 보고서의 페이로드가 더 커집니다. 이러한 대규모 보고서로 인해 집계 서비스 운영 비용이 증가할 것으로 예상됩니다.
파서 완화 선택
이 변경으로 인해 HTML 파서는 <option>, <optgroup>, <hr> 외에도 <select>에서 추가 태그를 허용합니다.
이 변경사항은 맞춤설정 가능한 <select> 기능을 지원하지만 별도로 실행할 수 있고 Chrome팀에서 의견을 받고자 하는 호환성 위험이 있으므로 먼저 출시됩니다.
WebGPU: 클립 거리
선택적 GPU 기능 clip-distances를 추가하여 꼭짓점 셰이더 출력에서 사용자 정의 클립 거리를 설정할 수 있습니다. 이 기법은 많은 CAD 애플리케이션과 같이 사용자 정의 평면을 벗어나는 장면의 모든 꼭짓점을 클리핑해야 하는 애플리케이션에 특히 유용합니다.
WebGPU: GPUCanvasContext getConfiguration()
구성 사전으로 GPUCanvasContext configure()를 호출한 후 GPUCanvasContext getConfiguration() 메서드를 사용하여 캔버스 컨텍스트 구성을 확인할 수 있습니다. 여기에는 GPU device, format, usage, viewFormats, colorSpace, toneMapping, alphaMode 회원이 포함됩니다.
문제 4828에서 설명한 대로 웹 앱은 이를 사용하여 WebGPU에서 HDR 캔버스가 지원되는지 감지할 수 있습니다.
전용 작업자의 WebHID
전용 작업자 컨텍스트 내에서 WebHID를 사용 설정합니다. 이렇게 하면 별도의 스레드에서 HID 기기의 과도한 I/O와 데이터 처리를 실행할 수 있어 기본 스레드의 성능 영향을 줄일 수 있습니다.
WebRTC RTCRtpEncodingParameters.scaleResolutionDownTo
지정된 maxWidth 및 maxHeight보다 큰 경우 입력 프레임을 확장하도록 WebRTC 인코더를 구성하는 API입니다. 이 API는 해상도 제약 조건이 상대적 용어 (예: 2로 축소)가 아닌 절대적 용어 (예: 640x360)로 표현되어 즉석에서 입력 프레임 크기를 변경하는 것과 관련된 경합 상태를 방지한다는 점을 제외하고 scaleResolutionDownBy와 유사합니다.
새 오리진 트라이얼
Chrome 131에서는 다음 새로운 오리진 트라이얼을 선택할 수 있습니다.
WebAudio 재생 통계
AudioContext.playoutStats 기능을 사용하면 애플리케이션이 WebAudio를 사용하여 오디오 재생의 품질과 지연 시간을 측정할 수 있습니다.
Summarizer API
AI 언어 모델을 기반으로 입력 텍스트의 요약을 생성하는 JavaScript API입니다.
지원 중단 및 삭제
이 버전의 Chrome에는 다음과 같은 지원 중단 및 삭제가 도입되었습니다. ChromeStatus.com에서 계획된 지원 중단, 현재 지원 중단, 이전 삭제 목록을 확인하세요.
이 Chrome 버전에서는 세 가지 기능이 삭제됩니다.
CSS 앵커 포지셔닝 속성 inset-area 삭제
inset-area 속성을 position-area로 바꾸는 CSS 작업 그룹의 결정에 따라 이 삭제는 표준을 준수하는 기능에 대한 Chromium의 구현을 정리합니다.
BeforeunloadEventCancelByPreventDefault 사용 중지 기능 삭제
BeforeunloadEventCancelByPreventDefault 기능은 Chrome 117에서 제공되었지만 이 플래그를 강제로 사용 중지할 수 있는 엔터프라이즈 정책이 있습니다. 엔터프라이즈 정책은 Chrome 131에서 삭제됩니다.
비표준 GPUAdapter requestAdapterInfo() 메서드 삭제
WebGPU 작업 그룹은 requestAdapterInfo()가 권한 프롬프트를 트리거하는 것이 실용적이지 않다고 판단하여 해당 옵션을 삭제하고 GPUAdapter info 속성으로 대체했습니다. 이를 통해 웹 개발자는 동기식으로 동일한 GPUAdapterInfo 값을 가져올 수 있습니다.