CSS 헤드라인 밸런싱, CHIPS, scrollend 이벤트, 팝오버
달리 명시되지 않는 한 아래 설명된 변경사항은 Android, ChromeOS, Linux, macOS, Windows용 최신 Chrome 베타 채널 출시에 적용됩니다. 제공된 링크 또는 ChromeStatus.com의 목록을 통해 여기에 표시된 기능에 관해 자세히 알아보세요. Chrome 114는 2023년 5월 3일 현재 베타 버전입니다. 데스크톱용 Google.com 또는 Android의 Google Play 스토어에서 최신 앱을 다운로드할 수 있습니다.
CSS
이 버전에는 두 가지 새로운 CSS 기능이 추가되었습니다.
CSS 광고 제목 분산
이 기능은 요소의 줄 길이의 균형을 맞추어 가독성을 높이고 4줄 이하로 흐르는 텍스트의 활자 고립을 최소화하는 방법을 제공합니다. 주로 광고 제목에 유용합니다. 예를 들어 다음 CSS는 모든 헤드라인 수준과 블록따옴표의 균형을 유지합니다.
h1, h2, h3, h4, h5, h6, blockquote {
text-wrap: balance;
}
text-wrap 속성 외에도 white-space-collapse 속성도 지원되며 white-space 속성은 이러한 속성의 약식이 됩니다.
CSS text-wrap: balance에서 자세히 알아보세요.
overflow: auto의 별칭 overflow: overlay
Chrome 114에서는 overflow: overlay 스크롤 모드를 삭제하고 overlay를 auto의 기존 별칭으로 설정합니다. overflow: overlay 사용은 overflow: auto와 동일하지만 오버레이가 아닌 OS 스크롤바가 있는 경우 콘텐츠가 스크롤바 여백으로 확장되는 것을 방지하지 않습니다. 오버레이 스크롤바가 있으면 아무런 효과가 없습니다.
Web API
뒤로-앞으로 캐시 NotRestoredReason API
NotRestoredReason API는 PerformanceNavigationTiming API를 통해 페이지를 프레임 트리 구조로 BFcache에서 제공하지 않는 이유 목록을 보고합니다.
독립적으로 파티션을 나눈 상태 (CHIPS)를 가진 쿠키
Chrome은 서드 파티 쿠키를 지원 중단할 계획이므로 개발자는 최상위 사이트에 의해 파티션이 나뉜 서드 파티 컨텍스트에서 쿠키를 사용할 수 있어야 합니다. 이는 크로스 사이트 추적과 관련되지 않은 사용 사례에 필요합니다. 예: SaaS 삽입, 헤드리스 CMS, 샌드박스 도메인). Partitioned의 CHIPS 쿠키 속성을 사용하면 개발자가 서드 파티 쿠키를 최상위 사이트별로 파티션을 나누도록 선택할 수 있습니다. CHIPS는 Chrome 110 이상 버전에서 Chrome 변형을 통해 사용 설정됩니다. Chrome 114에서는 CHIPS가 모든 브라우저 인스턴스에서 기본적으로 사용 설정됩니다.
CHIPS에 관해 자세히 알아보세요.
scrollend 이벤트
이 이벤트를 통해 개발자는 이벤트 리스너를 통해 스크롤이 완료된 시점 (스크롤 자체와 스크롤의 오프셋에 대한 모든 업데이트 포함)을 명확하게 파악할 수 있습니다. 스크롤이 완료된 시점을 아는 것은 여러 가지 이유로 유용합니다. 예를 들어 맞추기 섹션의 일부 로직을 동기화하거나, 목록의 항목을 가져오거나, 새 애니메이션을 트리거합니다. 이 기능은 스크롤 종료 효과를 처리하는 로직을 크게 단순화하여 다양한 입력 모달리티에서 일관성을 유지하도록 했습니다. 현재 개발자는 스크롤 이벤트를 관찰하고 임시 시간 제한 알고리즘을 빌드하여 이러한 요구를 해결합니다.
팝오버 API
다른 모든 웹 앱 UI 위에 표시되는 일시적인 사용자 인터페이스 (UI) 요소를 빌드하는 데 사용할 수 있는 API입니다. 여기에는 작업 메뉴, 양식 요소 추천, 콘텐츠 선택 도구, 교육 UI와 같은 사용자 상호작용 요소가 포함됩니다. 이 API는 새 popover 콘텐츠 속성을 사용하여 모든 요소가 상단 레이어에 표시되도록 합니다. 이는 <dialog> 요소와 유사하지만 라이트 닫기 동작, 팝오버 상호작용 관리, 이벤트 지원, '모달' 모드의 부재 등 중요한 차이점이 몇 가지 있습니다.
requestDevice()의 웹 블루투스 exclusionFilters 옵션
navigator.bluetooth.requestDevice()의 exclusionFilters 옵션을 사용하면 웹 개발자가 브라우저 선택 도구에서 일부 기기를 제외할 수 있습니다. 더 넓은 필터와 일치하지만 지원되지 않는 기기를 제외하는 데 사용할 수 있습니다.
Web Bluetooth API를 사용하여 기본 제외 필터를 사용하는 주변 저전력 블루투스 기기에서 기본 기기 정보를 가져오는 방법을 보여주는 샘플 코드 보기
WebAssembly가 상수 제안을 확장함
Chrome 114는 WebAssembly 확장 상수 제안을 구현합니다. 이 제안서는 유효한 상수 명령어 목록에 i32.add, i32.sub, i32.mul, i64.add, i64.sub, i64.mul와 같은 새 명령어를 추가합니다.
오리진 트라이얼 진행 중
Chrome 114에서는 다음과 같은 새로운 오리진 트라이얼을 선택할 수 있습니다.
교차 앱 및 웹 기여 분석 측정
Attribution Reporting API를 확장하여 웹에서 발생한 전환을 다른 애플리케이션 내의 브라우저 외부에서 발생한 이벤트에 기여할 수 있도록 합니다. 이 제안서는 기여 분석에 대한 OS 수준의 지원을 활용합니다. 특히, Android의 개인 정보 보호 샌드박스의 이벤트에 모바일 웹의 이벤트를 조인할 수 있는 옵션을 개발자에게 제공합니다. 단, 다른 플랫폼에 대한 지원도 구현할 수 있습니다.
교차 앱 및 웹 기여 분석 측정 무료 체험판에 등록하기
Background Blur API
웹 개발자는 Background Blur API를 사용하여 카메라 배경 세분화에 네이티브 플랫폼의 API를 사용할 수 있습니다. 배경 블러가 화상 회의 앱에서 가장 많이 사용되는 기능 중 하나가 됨에 따라 웹 앱에서 TensorFlow.js, Mediapipe, WASM 라이브러리 또는 클라우드 기반 솔루션과 같은 ML 프레임워크를 사용하지 않고도 동일한 플랫폼 API를 활용하길 바랍니다.
지원 중단 및 삭제
Chrome 114에서는 새로운 지원 중단이나 삭제가 없습니다.