게시일: 2026년 3월 11일
별도로 명시되지 않는 한 Android, ChromeOS, Linux, macOS, Windows용 최신 Chrome 베타 채널 출시의 변경사항은 다음과 같습니다. 제공된 링크를 따르거나 ChromeStatus.com을 방문하여 이러한 기능에 대해 자세히 알아보세요. 데스크톱의 경우 Google.com에서, Android의 경우 Google Play 스토어에서 최신 베타 버전을 다운로드할 수 있습니다.
타임라인 이름이 지정된 범위 scroll
이 기능은 ViewTimelines의 이름이 지정된 범위 집합을 확장하여 scroll 범위를 추가합니다.
스크롤 기반 애니메이션 API에는 애니메이션의 범위를 정의하는 ViewTimeline의 일부를 참조하는 명명된 범위와 함께 ViewTimelines가 도입되었습니다.
하지만 제공된 모든 명명된 범위는 주제가 표시되는 ViewTimeline 부분으로 제한되었습니다. 작성자가 타임라인의 기본 스크롤 컨테이너의 전체 범위를 참조하는 데 유용합니다. 이 기능은 기존 세트 (entry, exit, cover, contain)에 scroll의 명명된 범위를 추가합니다.
CSS contrast-color()
이 함수를 사용하여 접근성을 위한 대비 요구사항을 충족할 수 있습니다.
contrast-color() 함수는 색상 값이 필요한 CSS의 어느 곳에서나 사용할 수 있습니다. 색상 값 인수를 사용하고 색상 인수와 가장 높은 대비를 제공하는 black 또는 white을 반환합니다.
CSS border-shape
CSS border-shape를 사용하면 임의의 모양 (예: polygon, circle, shape())으로 직사각형이 아닌 테두리를 만들 수 있습니다.
border-shape는 clip-path와 동일한 모양을 허용하지만 근본적으로 다릅니다. border-shape는 테두리의 모양을 정의하고, 테두리를 꾸미고, 내부만 클리핑합니다.
border-shape에는 두 가지 변형이 있습니다. 하나는 도형을 획으로 표시하는 변형이고 다른 하나는 두 도형 사이를 채우는 변형입니다.
요소 범위가 지정된 뷰 전환
임의의 HTML 요소에서 Element.startViewTransition()를 노출합니다. 이 요소는 전환 범위를 설정합니다. 즉, 전환 의사 요소는 상위 클립과 변환의 영향을 받으며 별도의 요소에 대한 여러 전환이 동시에 실행될 수 있습니다.
CSS 업데이트: width 및 style 속성 분리
Chrome은 border-width, outline-width, column-rule-width 속성의 동작에 관한 업데이트된 CSS 사양을 따릅니다. 이전에는 해당 border-style, outline-style 또는 column-rule-style가 none 또는 hidden로 설정된 경우 지정된 값과 관계없이 이러한 속성의 계산된 너비가 0px로 강제 설정되었습니다.
이 변경사항을 통해 border-width, outline-width, column-rule-width의 계산된 값은 *-style 속성과 관계없이 항상 작성자가 지정한 값을 반영합니다. 또한 outline-width 및 column-rule-width의 확인된 값 (getComputedStyle()에서 반환됨)도 지정된 값을 반영합니다.
이 변경사항을 통해 Chrome은 이미 이 동작을 구현한 Firefox 및 WebKit과 일치하게 됩니다.
CSSPseudoElement 인터페이스
CSSPseudoElement 인터페이스는 JavaScript의 의사 요소를 나타냅니다.
CSSPseudoElement은 Element.pseudo(type)에서 반환되며, 여기서 type은 ::after, ::before, ::marker입니다. CSSPseudoElement는 가상 요소를 나타내는 프록시 객체이므로 가상 요소와 달리 CSSPseudoElement는 항상 존재합니다.
CSSPseudoElement에는 다음과 같은 속성/메서드가 있습니다.
type속성은 가상 요소의 유형을 나타내는 문자열입니다.element속성은 의사 요소의 최종 원본 요소입니다.parent속성은 의사 요소의 원본 요소입니다(중첩된 의사 요소의 경우 요소 또는CSSPseudoElement).- 중첩된 가상 요소를 가져오는
pseudo(type)메서드
이벤트의 가상 타겟
특정 이벤트는 CSSPseudoElement (상호작용이 의사 요소와 함께 발생한 경우) 또는 null인 .pseudoTarget를 갖도록 확장됩니다.
이를 통해 이벤트 출처에 관한 더 구체적인 정보를 제공할 수 있습니다. 예를 들어 최종 출처 요소 (Event.target)가 클릭되었을 뿐만 아니라 더 구체적으로 ::after가 클릭되었다는 정보를 제공할 수 있습니다. Event.target는 변경되지 않으므로 이벤트에는 의사 요소 상호작용에 관한 추가 정보만 있습니다.
이벤트는 UIEvent, AnimationEvent, TransitionEvent입니다.
mouseover, mouseout, mouseenter, mouseleave 및 pointer* 대응 항목은 지원되지 않습니다.
WebXR 평면 감지
WebXR Plane Detection API를 사용하면 사이트에서 사용자의 환경에서 감지된 평면 집합을 가져올 수 있습니다. 이는 개발자에게 더 적은 작업을 요구하며, 시스템이 벽의 경계를 알고 있다면 객체가 가리는 벽과 같은 평면을 완전히 표현할 수 있으므로 깊이 감지 WebXR 기능을 사용하는 것보다 더 강력합니다. 깊이 지도는 벽을 보여주지만 벽 앞에 있는 물체는 벽을 끊어 벽의 전체 범위를 가릴 수 있습니다. 또한 기기가 이러한 라벨을 알고 미리 정의된 카테고리에 맞는 경우 시맨틱 라벨 정보가 제공되어 세상에 관한 지식이 향상됩니다.
WebXR 레이어
WebXR 레이어를 사용하면 몰입형 콘텐츠를 더 효율적으로 그릴 수 있습니다.
기본 색상 및 깊이 텍스처와 텍스처 배열을 지원할 뿐만 아니라 JavaScript가 아닌 시스템 컴포지터에서 관리하는 다양한 레이어 유형도 지원합니다.
XSLT가 아닌 시나리오를 위한 Rust의 XML 파싱
XSLT 처리가 필요하지 않다고 확신하는 시나리오를 위해 Rust XML 파서를 제공합니다.
Rust XML 파서는 XML 파싱에서 메모리 손상 버그를 제거하여 보안을 개선하며, C로 작성된 libxml2의 사용을 안전한 대안으로 대체하기 위한 것입니다.
Chrome에서 XSLT를 지원 중단합니다. 이 프로세스가 계속되는 동안 XSLT가 필요하지 않은 시나리오에서 안전한 Rust XML 파싱을 이미 사용할 수 있습니다.
link rel=modulepreload의 JSON 및 스타일 지원
JSON 및 스타일 모듈 유형을 <link rel="modulepreload"> 대상으로 지원합니다. <link rel="modulepreload">는 이미 Chromium에서 지원되지만 (https://chromestatus.com/feature/5762805915451392 참고) 스크립트와 유사한 모듈 스크립트의 사전 로드만 지원합니다. 이 기능은 JSON 및 CSS 모듈 스크립트가 다른 Chromium에서는 지원되지만 <link rel="modulepreload"> 대상으로 지원되지 않는 기능의 격차를 해결합니다.
Style 모듈은 <link rel="modulepreload" as="style" href="...">로 미리 로드할 수 있고 JSON 모듈은 <link rel="modulepreload" as="json" href="...">로 미리 로드할 수 있습니다.
Math.sumPrecise
여러 값을 합산하는 메서드를 JavaScript에 추가하기 위한 TC39 제안서입니다.
단순 합계보다 더 정확한 알고리즘을 사용하여 반복 가능한 항목의 값 합계를 반환하는 반복 가능한 항목을 사용하는 Math.sumPrecise 메서드를 추가합니다.
SVG <textpath> 요소에서 path 속성 지원
이 변경사항은 SVG <textPath> 요소에 path 속성을 추가하여 작성자가 SVG 경로 데이터를 사용하여 텍스트 경로 지오메트리를 인라인으로 정의하고 별도로 정의된 <path> 요소의 필요성을 줄일 수 있도록 합니다.
<textPath>는 다음 규칙을 사용하여 텍스트 경로 지오메트리를 확인합니다.
path와href가 모두 있는 경우path속성에서 지오메트리가 확인됩니다.path속성만 있고 성공적으로 파싱되면 인라인 경로 정의가 사용됩니다.path속성이 없거나 파싱에 실패하고href속성이 제공되면 참조된<path>요소가 대체로 사용됩니다.- 기존
href전용 동작은 변경 없이 유지됩니다.
이 구현은 <textPath>의 path 속성에 관한 SVG 2 사양의 정의를 따르며, 변환 동작은 다른 브라우저 엔진과 일치하여 상호 운용성과 표준 준수성이 개선됩니다.
보안 결제 확인 기능 가져오기
웹 개발자가 보안 결제 확인의 브라우저 구현 기능을 가져올 수 있도록 결제 요청에 새로운 정적 메서드를 추가합니다.
이를 통해 웹 개발자는 보안 결제 확인에 사용할 수 있는 기능을 파악하여 이러한 기능으로 보안 결제 확인을 사용할지 결정할 수 있습니다.
기기 메모리 API 한도 업데이트
기기 메모리 API의 가능한 값의 새로운 집합으로 업데이트:
- Android: 1, 2, 4, 8
- 기타: 2, 4, 8, 16, 32
오래된 0.25, 0.5, 1, 2, 4, 8의 이전 값을 대체합니다.
이렇게 하면 이러한 기능이 설정된 이후 기기 기능이 개선되었으므로 하단에서 지문 채취 위험이 줄어듭니다.
서비스 워커의 로컬 네트워크 액세스 제한 WindowClient.navigate()
최근에 웹사이트가 일방적으로 로컬 네트워크 및 로컬 기기에 요청을 보내는 것을 제한하기 위해 로컬 네트워크 액세스 (LNA) 제한이 추가되었습니다. 이는 서비스 워커에서 시작한 가져오기 요청을 위해 추가되었지만 WindowClient.navigate를 통해 서비스 워커가 실행한 탐색에는 적용되지 않았습니다.
이 출시에서는 WindowClient.navigate() 호출에 LNA 제한을 추가하고 WindowClient를 탐색의 이니시에이터로 사용하여 탐색이 LNA 요청인지 확인하여 이 격차를 해결합니다.
이는 탐색되는 WindowClient가 하위 프레임인 경우에만 적용됩니다. Chrome은 기본 프레임 탐색에 LNA 제한을 적용하지 않습니다.
WebSocket의 로컬 네트워크 액세스 제한
로컬 네트워크 액세스 (LNA) 제한이 WebSocket을 포함하도록 확대됩니다. 이제 로컬 주소에 대한 WebSockets 연결이 권한 프롬프트를 트리거합니다.
LocalNetworkAccessAllowedForUrls, LocalNetworkAccessBlockedForUrls, LocalNetworkAccessRestrictionsTemporaryOptOut를 비롯한 모든 LNA 엔터프라이즈 정책은 LNA WebSockets 제한사항에 계속 적용됩니다.
LNA에 관한 자세한 내용은 로컬 네트워크 액세스를 참고하세요.
WebTransport의 로컬 네트워크 액세스 제한
권한 메시지를 통해 관리되는 WebTransport를 사용하여 사용자의 로컬 네트워크로 요청을 보내는 기능을 제한합니다.
로컬 네트워크 요청은 공개 웹사이트에서 로컬 IP 주소나 루프백으로 전송되는 요청, 또는 로컬 웹사이트 (예: 인트라넷)에서 루프백으로 전송되는 모든 요청을 의미합니다. 웹사이트가 이러한 요청을 실행하는 기능을 수행하기 전에 권한을 요구하도록 제한하면 사이트가 이러한 요청을 통해 사용자의 로컬 네트워크를 지문으로 식별할 가능성이 줄어듭니다.
이 권한은 보안 컨텍스트로 제한됩니다.
IWA만 해당: Web Printing API
이 API를 사용하면 분리형 웹 앱 (IWA)에서 프린터 관련 기능을 더 깊이 통합할 수 있습니다.
Web Printing API는 개발자가 로컬 프린터를 쿼리하고, 가장 적합한 프린터에 인쇄 작업을 제출하고, 인쇄 작업 옵션과 상태를 관리할 수 있는 JavaScript 메서드 집합을 제공합니다. 이러한 개념을 나타내기 위해 인터넷 인쇄 프로토콜 (IPP) 사양의 속성 이름과 의미 체계를 사용합니다.
새 오리진 트라이얼
Chrome 147에서는 다음 새로운 오리진 트라이얼을 선택할 수 있습니다.
컨테이너 타이밍
Container Timing API를 사용하면 주석이 추가된 DOM이 화면에 표시되고 초기 페인트가 완료된 시점을 모니터링할 수 있습니다. 개발자는 DOM의 하위 섹션을 containertiming 속성 (Element Timing API의 elementtiming와 유사)으로 표시하고 해당 섹션이 처음 페인트될 때 성능 항목을 수신할 수 있습니다. 이 API를 사용하면 개발자가 페이지에 있는 다양한 구성요소의 타이밍을 측정할 수 있습니다.
자동 완성 이벤트
자동 완성은 매일 수백만 명의 사용자의 불편함을 줄여주는 웹의 핵심 기능입니다. 하지만 여러 구현에서 동적 양식과 함께 자동 완성 기능을 안정적으로 작동하도록 하는 것은 복잡할 수 있습니다.
이 기능은 브라우저가 양식 필드를 자동 완성하려고 할 때 발생하는 autofill 이벤트를 추가합니다. 이를 통해 개발자는 자동 완성된 데이터에 맞게 양식을 수정하고 수정이 완료된 시점을 브라우저에 알릴 수 있습니다.
웹 앱 HTML 설치 요소
웹사이트가 선언적으로 사용자에게 웹 앱을 설치하라는 메시지를 표시할 수 있도록 합니다. 이 요소는 선택적으로 다른 출처의 콘텐츠 설치를 허용하는 두 가지 속성을 허용합니다.
연결 허용 목록
연결 허용 목록은 문서 또는 작업자에서 Fetch API 또는 기타 웹 플랫폼 API를 사용하여 시작된 연결을 제한하여 외부 엔드포인트를 명시적으로 제어할 수 있도록 설계된 기능입니다.
제안된 구현에서는 HTTP 응답 헤더를 통해 서버에서 승인된 엔드포인트 목록을 배포합니다. 사용자 에이전트가 페이지를 대신하여 연결을 설정하기 전에 에이전트는 이 허용 목록에 대해 대상을 평가합니다. 확인된 엔드포인트에 대한 연결은 허용되지만 목록의 항목과 일치하지 않는 연결은 차단됩니다.
지원 중단 및 삭제
이 버전의 Chrome에는 다음과 같은 지원 중단 및 삭제가 도입되었습니다. ChromeStatus.com에서 계획된 지원 중단, 현재 지원 중단, 이전 삭제 목록을 확인하세요.
이번 Chrome 출시에서는 X 기능이 지원 중단됩니다.
SVG 생성을 위한 인라인 XSLT 삭제
SVG 제작을 위한 인라인 XSLT가 단계적으로 지원 중단됩니다. 이는 Rust 기반 XML 파서의 실험적 테스트와 동기화되어 배포되며 표시된 출시 버전에서 즉시 100% 로 배포되지는 않습니다.
특별히 제작된 XML 파일에는 일반 XML 데이터를 SVG 파일로 변환하는 XSL 스타일시트가 포함될 수 있습니다.
예: https://gist.github.com/drott/1fc70b3c7f0ac314d1fe2e5beecc5490?short_path=1c60adf
이는 사용량 측정에 따라 Chrome이 웹에서 사실상 존재하지 않는 것으로 간주하는 XSLT 처리의 특수한 사례입니다. Chrome은 XSLT를 완전히 단계적으로 중단하기 전에 이 특정 XSLT 사용을 지원 중단하고 삭제할 계획입니다.