게시일: 2026년 2월 11일
별도로 명시되지 않는 한 이러한 변경사항은 Android, ChromeOS, Linux, macOS, Windows용 최신 Chrome 베타 채널 버전에 적용됩니다. 이러한 기능에 대한 자세한 내용은 제공된 링크 또는 ChromeStatus.com의 목록을 참고하세요. 데스크톱의 경우 Google.com에서, Android의 경우 Google Play 스토어에서 최신 버전을 다운로드하세요.
CSS 및 UI
스크롤 트리거 애니메이션
이 기능은 애니메이션 재생, 일시중지, 재설정과 같은 스크롤 위치 기반 애니메이션 제어를 추가합니다.
웹페이지의 일반적인 패턴은 스크롤 위치에 도달하면 애니메이션을 시작하는 것입니다. 개발자는 요소를 스크롤 컨테이너의 뷰포트 내에 있을 때 수동으로 감지하고 해당 애니메이션 (예: 요소를 뷰로 슬라이드)을 시작하는 데 JavaScript를 사용하는 경우가 많습니다. 이러한 사용 사례 중 상당수는 선언적으로 제공할 수 있는 정보를 사용합니다. 이 기능을 사용하면 작성자가 CSS를 통해 이러한 상호작용을 선언적으로 만들 수 있으므로 사용자 에이전트가 이 상호작용의 처리를 작업자 스레드로 오프로드할 수 있습니다. 또한 이 API에는 CSS 애니메이션 외에도 기능을 웹 애니메이션으로 확장하는 JavaScript 인터페이스가 포함되어 있습니다.
자세한 내용은 CSS 스크롤 트리거 애니메이션이 곧 출시됩니다를 참고하세요.
trigger-scope 속성
trigger-scope 속성을 사용하면 개발자가 trigger-instantiating 속성으로 선언된 애니메이션 트리거의 이름을 제한할 수 있습니다.
timeline-trigger와 같은 트리거 인스턴스화 속성은 animation-trigger 속성이 트리거에 애니메이션을 연결하기 위해 참조할 수 있는 이름을 선언합니다. 하지만 이러한 이름은 기본적으로 전역입니다 (anchor-name와 유사). 작성자는 애니메이션 트리거 상호작용을 격리하기 위해 이러한 이름의 공개 상태를 제한해야 하는 경우가 많습니다.
타임라인 이름이 지정된 범위 'scroll'
이 기능은 scroll 범위를 추가하여 뷰 타임라인의 이름이 지정된 범위 세트를 확장합니다.
스크롤 기반 애니메이션 API에서는 ViewTimelines와 애니메이션 범위를 정의하는 ViewTimeline의 일부를 참조하는 명명된 범위를 도입했습니다.
하지만 제공된 모든 명명된 범위는 주제가 표시되는 ViewTimeline 부분으로 제한되었습니다. 이제 작성자는 타임라인의 기본 스크롤 컨테이너의 전체 범위를 참조할 수 있습니다. 이 기능은 기존 세트 (entry, exit, cover, contain)에 scroll라는 명명된 범위를 추가합니다.
text-indent 속성에 hanging 및 each-line 지원
text-indent 속성의 두 선택적 키워드는 기능과 사용성을 확장합니다.
hanging 키워드는 들여쓰기를 내어쓰기로 변경합니다. 즉, 첫 번째 줄을 제외한 모든 줄이 들여쓰기됩니다.
each-line 키워드를 사용하면 들여쓰기가 첫 번째 줄뿐만 아니라 강제 줄바꿈 후의 각 줄에도 영향을 미칩니다.
Web API
탐색 API: 사전 커밋에서 커밋 후 핸들러 추가
커밋 전 핸들러를 호출하는 동안 커밋 후 핸들러를 등록할 수 있는 작은 인체공학적 개선사항입니다.
이 변경사항 이전에는 navigate 이벤트로 탐색을 가로챌 때 precommitHandlers와 커밋 후 일반 핸들러가 별도로 전달되었습니다.
이는 하나만 있는 경우에는 잘 작동하지만 흐름에 커밋 후 핸들러로 이어지는 사전 커밋 핸들러가 포함된 경우에는 약간 어색할 수 있습니다.
파일 처리 중에 targetURL 채우기
이제 런처 핸들러 구현을 통해 파일 처리를 통해 PWA가 실행될 때 LaunchParams.targetURL가 채워집니다. 이전에는 파일 실행이 기존 창으로 전달될 때 이 속성이 null이었습니다. 이 변경사항을 통해 개발자 매니페스트의 action 필드 (현재 문서가 로드되어야 하는 동일한 URL)를 launchQueue 소비자가 사용할 수 있습니다.
WebGPU: 텍스처 및 샘플러 let
WGSL에서 텍스처 및 샘플러 객체를 let 선언에 저장할 수 있는 언어 기능 texture_and_sampler_let를 WGSL에 추가합니다.
WebGPU 호환성 모드
OpenGL 및 Direct3D11과 같은 이전 그래픽 API를 실행할 수 있는 WebGPU API의 선택적, 약간 제한된 하위 집합을 추가합니다. 이 모드를 선택하고 제약 조건을 준수하면 개발자는 핵심 WebGPU에 필요한 최신 명시적 그래픽 API가 없는 많은 이전 기기로 WebGPU 애플리케이션의 도달 범위를 확장할 수 있습니다. 간단한 애플리케이션의 경우 requestAdapter 호출 시 호환성 featureLevel를 지정하는 것만 변경하면 됩니다. 고급 애플리케이션의 경우 모드의 제한사항을 수용하기 위해 일부 수정이 필요할 수 있습니다. 호환성 모드는 하위 집합이므로 결과 애플리케이션은 유효한 WebGPU Core 애플리케이션이기도 하며 호환성 모드를 지원하지 않는 사용자 에이전트에서도 실행됩니다.
WebGPU: 임시 첨부파일
새로운 TRANSIENT_ATTACHMENT GPUTextureUsage를 사용하면 개발자가 렌더링 패스 작업이 타일 메모리에 유지되도록 하는 첨부 파일을 만들어 VRAM 트래픽을 방지하고 텍스처의 VRAM 할당을 방지할 수 있습니다.
Intl.Locale.prototype.variants
Intl.Locale.prototype.variants를 추가하고 Intl.Locale 생성자의 옵션 백에서 변형도 허용합니다.
반복자 시퀀싱
기존 반복기를 순서대로 나열하여 반복기를 만드는 TC39 제안을 구현합니다. 이렇게 하면 Iterator.concat(...items)이 도입됩니다.
meta name="text-scale"
운영체제와 브라우저의 텍스트 크기 설정에 비례하여 루트 요소의 기본 글꼴 크기를 조정합니다. 이렇게 하면 글꼴 상대 단위에 관한 권장사항을 따르는 페이지 (즉, 사용자의 텍스트 크기 환경설정에 따라 변경되는 글꼴 크기 및 페이지 요소에 rem 및 em 사용)가 사용자의 OS 수준 텍스트 크기 설정이 적용됩니다. 또한 이로 인해 브라우저에서 기존 브라우저 기반 메커니즘 (예: Windows의 전체 페이지 확대/축소)과 휴리스틱 (예: 모바일의 텍스트 자동 크기 조절)이 사용 중지됩니다. 이제 웹 개발자는 다양한 사용자가 선택한 글꼴 크기 환경설정에 따라 잘 확장되는 방식으로 페이지가 구성되어 있음을 (즉, rem 및 em 사용) 브라우저에 알릴 수 있습니다.
작성자가 텍스트 크기에 액세스할 수 있는 방법을 제공하는 env(preferred-text-scale)와 마찬가지로 이 API는 루트 요소의 기본 글꼴 크기를 통해 크기 조정을 사용 설정하고 자동 텍스트 크기 조정을 선택 해제하여 이를 확장합니다.
dragover에서 drop 이벤트로 dropEffect 값 유지
HTML5 드래그 앤 드롭 API를 사용하면 웹 애플리케이션이 dragstart, dragenter, dragover, dragleave, drop, dragend과 같은 일련의 이벤트를 통해 드래그 앤 드롭 작업을 처리할 수 있습니다. 이러한 이벤트 중에 dataTransfer.dropEffect 속성은 실행할 작업 (복사, 이동, 연결 또는 없음)을 나타냅니다.
HTML5 사양에 따라 마지막 dragover 이벤트 중에 웹 애플리케이션이 설정한 dropEffect 값은 보존되며 후속 drop 이벤트에서 사용할 수 있습니다.
하지만 Chromium 기반 브라우저는 drop 이벤트가 발생하기 전에 브라우저 자체의 협상된 작업으로 웹 애플리케이션의 dropEffect 값을 덮어썼으며, 이로 인해 사양 준수가 깨지고 드래그 앤 드롭 동작에 대한 개발자 제어가 제한되었습니다.
데이터 URL MIME 유형 매개변수 유지
Fetch 표준에 따라 데이터 URL Content-Type 헤더에서 MIME 유형 매개변수 (예: charset, boundary)를 보존합니다.
Sanitizer API
Sanitizer API는 개발자가 임의의 사용자 제공 HTML 콘텐츠에서 스크립트를 실행할 수 있는 콘텐츠를 삭제하는 데 사용할 수 있는 사용하기 쉽고 기본적으로 안전한 HTML Sanitizer API를 제공합니다. 목표는 XSS가 없는 웹 애플리케이션을 더 쉽게 빌드하는 것입니다.
새 오리진 트라이얼
Chrome 146에서는 이러한 새로운 오리진 트라이얼을 선택할 수 있습니다.
WebNN
WebNN은 웹 애플리케이션과 프레임워크가 사용자의 컴퓨터에서 사용할 수 있는 머신러닝용 기본 운영체제 서비스와 기본 하드웨어 기능을 활용하여 웹에서 일관되고 효율적이며 안정적인 ML 환경을 구현할 수 있도록 지원합니다.