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