Chrome 130 베타

Rachel Andrew

게시일: 2024년 9월 18일

별도로 명시되지 않는 한 다음 변경사항은 Android, ChromeOS, Linux, macOS, Windows용 최신 Chrome 베타 채널 출시에 적용됩니다. 제공된 링크 또는 ChromeStatus.com의 목록에서 여기에 나열된 기능에 대해 자세히 알아보세요. Chrome 130은 2024년 9월 18일부터 베타 버전입니다. 데스크톱의 Google.com 또는 Android의 Google Play 스토어에서 최신 버전을 다운로드할 수 있습니다.

CSS

이 출시에서는 새로운 CSS 기능 4가 추가되었습니다.

CSS 컨테이너 쿼리 플랫 트리 조회

평면 트리 조상을 조회하도록 컨테이너 쿼리의 사양이 변경되었습니다. 이 변경사항은 CSS 규칙에서 ::part() 또는 ::slotted()를 사용하지 않더라도 요소 또는 그 상위 요소 중 하나가 슬롯된 Shadow Tree 내의 이름이 지정되지 않은 컨테이너를 요소가 볼 수 있는 Shadow DOM과만 관련이 있습니다.

CSS 중첩: 중첩 선언 규칙

파싱 중에 이러한 선언을 CSSNestedDeclarations 규칙으로 래핑하여 중첩된 규칙 다음에 있는 빈 선언을 그대로 유지합니다.

접두사가 없는 전체 box-decoration-break 지원

인라인 단편화(줄 레이아웃)와 블록 단편화 (인쇄 및 멀티컬럼의 페이지 표시) 모두에 box-decoration-break: clone 지원을 추가합니다.

이전에는 Chrome에서 블록 단편화의 경우 box-decoration-break:slice (초기 값)만 지원되었지만 인라인 단편화의 경우 접두사 -webkit-box-decoration-break 속성을 사용할 때만 box-decoration-break:clone도 지원되었습니다.

::part() 뒤에 더 많은 가상 요소와 가상 클래스 허용

::part() 가상 요소를 사용하는 CSS 선택자는 다른 CSS 가상 요소 (::part() 제외)와 다양한 유형의 다른 CSS 가상 클래스를 뒤에 포함할 수 있습니다. ::part() 이후에도 컴비네이터는 허용되지 않으며 트리 구조에 종속되는 가상 클래스는 허용되지 않습니다.

이전에는 Chrome에서 ::part() 뒤에 제한된 수의 가상 클래스와 가상 요소만 허용했습니다. 이 변경사항을 통해 허용되어야 하는 모든 가상 클래스와 가상 요소를 허용할 수 있습니다. 즉, 이제 ::part(part-name):enabled 및 ::part(part-name)::marker와 같은 선택기가 허용됩니다.

Web API

Attribution Reporting API 기능 (기여 분석 범위)

이 변경사항은 광고 기술 의견과 기여 분석 프로세스가 시작되기 전에 더 세분화된 필터링 제어의 필요성에 따라 이루어졌습니다. 이를 통해 API 호출자는 일반 기여 분석 흐름을 시작하기 전에 필터링에 사용될 '기여 분석 범위'라는 필드를 지정할 수 있습니다. 이를 통해 API 호출자는 기여 분석 세부사항을 더 세부적으로 제어하고 동일한 도착 사이트에서 전환하는 여러 광고주 또는 캠페인이 있는 경우 적절한 기여 분석 보고서를 수신할 수 있습니다.

Attribution Reporting API 기능 (디버그 키 개인 정보 보호 개선)

이 변경사항은 디버그 키와 관련된 잠재적인 개인 정보 보호 격차를 완화하는 데 도움이 됩니다.

현재 API는 서드 파티 쿠키를 사용할 수 있고 API 호출자가 설정할 수 있는 경우 소스 디버그 키 또는 트리거 디버그 키를 지정할 수 있도록 허용합니다. 소스 또는 트리거 디버그 키가 지정되면 기여 분석 보고서에 포함됩니다. 서드 파티 쿠키가 게시자 사이트 또는 광고주 사이트 중 하나에서만 허용되고 둘 다에서 허용되지 않는 경우 개인 정보가 유출될 수 있습니다.

이 변경사항은 소스 디버그 키와 트리거 디버그 키가 소스와 트리거에 모두 있는 경우에만 기여도 보고서에 포함되도록 적용하여 이 문제를 완화합니다. 즉, 게시자 사이트와 광고주 사이트에서 모두 서드 파티 쿠키를 사용할 수 있었음을 의미합니다. 이 변경사항은 이벤트 수준 보고서와 집계 가능한 보고서 모두에 적용됩니다.

공유 Brotli 및 공유 Zstandard를 사용한 압축 사전 전송

이 기능은 지정된 이전 응답을 Brotli 또는 Zstandard로 응답을 압축하는 콘텐츠 인코딩의 외부 사전으로 사용하는 지원을 추가합니다.

기업의 경우 HTTPS 트래픽을 가로채고 알 수 없는 콘텐츠 인코딩에 민감한 엔터프라이즈 네트워크 인프라와의 호환성 문제가 발생할 수 있습니다. 엔터프라이즈 정책 CompressionDictionaryTransportEnabled를 사용하여 압축 사전 전송 기능을 사용 중지할 수 있습니다.

동시 스무딩 scrollIntoView()

behavior: "smooth"를 사용하는 scrollIntoView() 메서드를 사용하면 개발자가 부드러운 스크롤 애니메이션으로 하위 요소로 스크롤하는 스크롤 컨테이너를 만들 수 있습니다. 이 기능은 진행 중인 scrollIntoView 애니메이션이 다른 스크롤 컨테이너의 관련 없는 스크롤로 인해 취소되지 않도록 Chrome의 API 구현을 수정합니다.

또한 이 기능은 페이지가 로드될 때 호출되는 경쟁 scrollIntoView로 인해 Chrome이 페이지의 프래그먼트 앵커로 스크롤하지 못하는 경우도 수정합니다.

문서 PIP 모드: 창 경계 캐시를 무시하는 옵션 추가

이렇게 하면 document picture-in-picture API에 새 매개변수 (preferInitialWindowPlacement)가 추가되며, 이 매개변수는 true로 설정되면 이 사이트에서 이전 document picture-in-picture의 위치나 크기를 재사용하려고 하면 안 된다는 것을 사용자 에이전트에 암시합니다.

화상 회의를 PIP 모드로 전환했다가 다시 기본 모드로 전환하는 등 동일한 사이트에서 문서 PIP 모드 창이 여러 번 닫혔다가 다시 열리는 경우가 많습니다. 사용자 에이전트는 PIP 창을 사용자가 마지막으로 이동한 위치에 유지하고 PIP 창 간에 연속성을 제공할 수 있도록 가장 최근 크기와 위치로 PIP 창을 다시 열 수 있습니다. 그러나 새 창이 이전 창과 의미상 관련이 없는 경우(예: 새 영상 통화인 경우) 개발자는 이 매개변수를 사용하여 이 창을 기본 위치 및 크기로 여는 것이 더 낫다는 힌트를 사용자 에이전트에 제공할 수 있습니다.

기본 위치 및 크기로 창을 여는 방법을 알아보세요.

대규모 값 읽기 실패에 대한 IndexedDB의 오류 보고 개선

이전에 DOMException 및 '대용량 IndexedDB 값을 읽을 수 없음' 메시지로 보고된 특정 오류 사례의 보고를 변경했습니다.

이제 Chrome은 IDBRequest에서 읽고 있는 데이터가 포함된 파일이 디스크에서 누락된 경우 "NotFoundError"라는 이름의 DOMException를 발생시켜 복구 불가능한 오류가 발생할 때 사이트에서 적절한 수정 조치를 취할 수 있도록 합니다. 수정 조치에는 DB에서 항목 삭제, 사용자에게 알림, 서버에서 데이터 다시 가져오기가 포함될 수 있습니다.

키보드 포커스 가능 스크롤 컨테이너

이 기능을 사용하면 포커스 가능 하위 요소가 없는 스크롤러가 기본적으로 키보드 포커스 가능해집니다.

이는 모든 사용자가 스크롤러와 스크롤러 내 콘텐츠에 더 쉽게 액세스할 수 있도록 하는 중요한 개선사항입니다. 이 기능의 이점에 관한 자세한 내용은 키보드 포커스가 설정 가능한 스크롤러를 참고하세요. 키보드 포커스 가능 스크롤러는 Chrome 130부터 기본적으로 사용 설정됩니다. 웹사이트가 이 새로운 기능에 적응하는 데 시간이 필요한 경우 다음과 같은 옵션이 있습니다.

Protected Audience 입찰 서비스

Protected Audience API (이전 명칭: FLEDGE)는 리마케팅 및 맞춤 잠재고객 사용 사례를 대상으로 하는 개인 정보 보호 샌드박스 제안이며, 서드 파티가 사이트 전반에서 사용자 탐색 행동을 추적하지 못하도록 만들어졌습니다.

이 기능인 Protected Audience 입찰 서비스는 Protected Audience 계산을 사용자의 기기에서 로컬로 실행하지 않고 신뢰할 수 있는 실행 환경의 클라우드 서버에서 실행할 수 있는 방법을 설명합니다. 계산을 클라우드 서버로 이동하면 기기의 계산 주기와 네트워크 대역폭을 확보하여 Protected Audience 입찰을 최적화하는 데 도움이 될 수 있습니다.

특수하지 않은 스키마 URL 지원

이전에는 Chrome의 URL 파서가 특수하지 않은 URL을 지원하지 않았습니다. 파서는 URL 표준에 맞지 않는 '불투명 경로'가 있는 것처럼 특수하지 않은 URL을 파싱합니다. 이제 Chromium의 URL 파서는 URL 표준에 따라 특수하지 않은 URL을 올바르게 파싱합니다.

자세한 내용은 bit.ly/url-non-special을 참고하세요.

WebAssembly JavaScript 문자열 내장 함수

이 기능은 WebAssembly로 가져오기 위한 일반적인 JavaScript 문자열 작업을 노출합니다. 이렇게 하면 WebAssembly 내에서 지원 없이 WebAssembly에서 JavaScript 문자열을 만들고 조작할 수 있습니다. 이렇게 하면 지원되는 문자열 참조와 비슷한 성능을 유지할 수 있습니다.

WebGPU: 이중 소스 혼합

두 개의 프래그먼트 셰이더 출력을 단일 프레임버퍼로 결합할 수 있는 선택적 GPU 기능인 'dual-source-blending'을 추가합니다. 이 기법은 Porter-Duff 블렌딩 모드를 기반으로 하는 애플리케이션과 같이 복잡한 블렌딩 작업이 필요한 애플리케이션에 특히 유용합니다. 이중 소스 혼합은 빈번한 파이프라인 상태 객체 변경의 필요성을 줄여 성능과 유연성을 향상할 수 있습니다.

웹 시리얼: connected 속성 및 RFCOMM 연결 이벤트

이 기능은 불리언 SerialPort.connected 속성을 추가합니다. 직렬 포트가 논리적으로 연결된 경우 이 속성은 true를 반환합니다. 유선 직렬 포트의 경우 포트가 시스템에 물리적으로 연결되어 있으면 포트가 논리적으로 연결된 것입니다. 무선 직렬 포트의 경우 포트를 호스팅하는 기기에 호스트에 대한 연결이 열려 있으면 포트가 논리적으로 연결됩니다.

이전에는 유선 직렬 포트만 연결 및 연결 해제 이벤트를 전달했습니다. 이 기능을 사용하면 블루투스 RFCOMM 직렬 포트가 포트가 논리적으로 연결되거나 연결 해제될 때 이러한 이벤트를 전달합니다.

이 기능은 애플리케이션이 포트를 열지 않고도 블루투스 RFCOMM 직렬 포트를 사용할 수 있는 시점을 감지할 수 있도록 지원하기 위한 것입니다.

웹 직렬의 블루투스 RFCOMM 업데이트에서 자세히 알아보세요.

진행 중인 오리진 트라이얼

Chrome 130에서는 다음과 같은 새로운 오리진 트라이얼을 선택할 수 있습니다.

Language Detector API

신뢰도 수준을 사용하여 텍스트의 언어를 감지하는 JavaScript API입니다.

WebAuthn attestationFormats

WebAuthn 수준 3의 attestationFormats 필드를 지원합니다.

WebAuthn 수준 3은 새 attestationFormats 필드에서 사용자 인증 정보 증명 형식에 대한 순서가 지정된 환경설정을 표현하는 사이트를 지원합니다. 이 기능을 사용하면 패스키 제공업체에서 여러 형식을 지원할 수 있는 Android에서 이를 지원할 수 있습니다.

WebAuthn attestationFormats 무료 체험판을 등록합니다.

지원 중단 및 삭제

이 버전의 Chrome에서는 다음과 같은 지원 중단 및 삭제가 적용됩니다. 계획된 지원 중단, 현재 지원 중단, 이전 삭제 목록은 ChromeStatus.com을 참고하세요.

이번 Chrome 출시에서는 한 가지 기능이 삭제됩니다.

DelegatedInkTrailPresenter에서 expectedImprovement 삭제

expectedImprovement 속성은 DelegatedInkTrails API가 현재 잉크 지연 시간에 얼마나 개선을 제공할지 웹 개발자에게 알려줍니다. 그러나 이 속성은 지문 생성 엔트로피를 늘릴 만큼 가치가 없습니다.

이 Chrome 출시에서는 한 가지 기능이 지원 중단됩니다.

비표준 GPUAdapter requestAdapterInfo() 메서드 지원 중단

개발자는 이미 GPUAdapter info 속성을 사용하여 GPUAdapterInfo를 동기식으로 가져올 수 있으므로 WebGPU의 requestAdapterInfo() 비동기 메서드는 중복됩니다.