CSS 헤드라인 균형, CHIPS, 스크롤엔드 이벤트 및 팝오버
달리 명시되지 않는 한, 아래 설명된 변경사항은 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: overlay - overflow: auto
Chrome 114에서는 overflow: overlay 스크롤 모드를 삭제하고 overlay를 auto의 기존 별칭으로 만듭니다. overflow: overlay를 사용하는 것은 overflow: auto와 동일하지만, 오버레이가 아닌 OS 스크롤바가 있는 경우 콘텐츠가 스크롤바 여백으로 확장되지 않는다는 점이 다릅니다. 오버레이 스크롤바가 있으면 효과가 없습니다.
Web API
뒤로-앞으로 캐시 NotRestoredReason API
NotRestoredReason API는 PerformanceNavigationTiming API를 통해 페이지가 프레임 트리 구조의 BFcache에서 제공되지 않는 이유 목록을 보고합니다.
CHIPS (Independent Partitioned State)를 가진 쿠키
Chrome에서 서드 파티 쿠키를 지원 중단할 계획이므로 개발자는 최상위 사이트에 의해 파티셔닝된 서드 파티 컨텍스트에서 쿠키를 사용할 수 있어야 합니다. 이는 크로스 사이트 추적과 관련되지 않은 사용 사례에 필요합니다. 예: SaaS 삽입, 헤드리스 CMS, 샌드박스 도메인). Partitioned의 CHIPS 쿠키 속성을 사용하면 개발자가 서드 파티 쿠키를 최상위 사이트별로 파티셔닝하도록 선택할 수 있습니다. CHIPS는 Chrome 110 이상 버전의 Chrome 변형을 통해 사용 설정됩니다. Chrome 114에서는 모든 브라우저 인스턴스에서 CHIPS가 기본적으로 사용 설정됩니다.
CHIPS에 관해 자세히 알아보세요.
scrollend 이벤트
이 이벤트를 통해 개발자는 이벤트 리스너를 통해 스크롤이 완료된 시점 (스크롤 자체와 스크롤로부터의 오프셋 업데이트 포함)을 명확하게 알 수 있습니다. 스크롤이 완료된 시점을 알면 여러 가지 이유로 유용합니다. 예를 들어 맞추기된 섹션에서 일부 로직을 동기화하거나, 목록의 항목을 가져오거나, 새 애니메이션을 트리거합니다. 이 기능은 스크롤 종료 효과를 처리하는 로직을 크게 간소화하여 다양한 입력 모달리티에서 일관성을 보장합니다. 현재 개발자는 스크롤 이벤트를 관찰하고 임시 제한 시간 알고리즘을 빌드하여 이러한 요구를 해결합니다.
Popover 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에는 새로운 지원 중단이나 삭제가 없습니다.