안정화 버전 출시일: 2026년 6월 30일
별도로 명시되지 않는 한 다음 변경사항은 Android, ChromeOS, Linux, macOS, Windows용 Chrome 150 안정화 채널 출시에 적용됩니다.
CSS 및 UI
AccentColor 및 AccentColorText 시스템 색상
AccentColor 및 AccentColorText 시스템 색상은 CSS에서 사용자의 기기에 지정된 시스템 강조 색상에 액세스하는 데 사용할 수 있습니다. 이를 통해 개발자는 설치된 웹 애플리케이션과 같이 사용자가 OS 테마 통합을 기대하는 컨텍스트에서 웹 콘텐츠에 네이티브 앱과 같은 스타일을 적용할 수 있습니다. 사용자는 시스템 강조 색상이 렌더링되는 것을 보려면 초기 프로필의 설치된 웹 애플리케이션에 있어야 합니다.
버그 추적 #40229450 | ChromeStatus.com 항목 | 사양
polygon()의 선택적 반올림 매개변수 허용
polygon() CSS 도형 함수에 선택적 모서리 반올림 매개변수를 추가합니다. 개발자는 베지어 곡선을 수동으로 계산하지 않고도 길이 값을 지정하여 다각형 모서리를 반올림할 수 있습니다.
버그 추적 #329302249 | ChromeStatus.com 항목 | 사양
애니메이션 처리 가능한 zoom
CSS zoom 속성은 애니메이션 처리 가능하며 <number>로 보간됩니다.
개발자는 zoom을 전환하고 애니메이션 처리하여 요소를 기존 변환 기반 확장과 함께 레이아웃을 원활하게 확장할 수 있습니다.
버그 추적 #393810951 | ChromeStatus.com 항목
CSS url() 요청 수정자
CSS url() 함수는 따옴표로 묶인 URL 문자열 뒤에 선택적 요청 수정자(cross-origin(), integrity(), referrer-policy())를 허용합니다. 이러한 수정자는 HTML 마크업 또는 JavaScript를 변경하지 않고도 CSS에서 직접 참조된 리소스의 가져오기 동작을 제어합니다. 예를 들어,
background-image: url("image.png" cross-origin(anonymous)) 이미지를 가져옵니다.
CORS 익명 모드를 사용하여. 이를 통해 작성자는 이미지, 글꼴, SVG 참조, 가져온 스타일시트 등 CSS 로드 리소스의 교차 출처 액세스, 하위 리소스 무결성, 추천자 정책을 세부적으로 제어할 수 있습니다.
버그 추적 #435625756 | ChromeStatus.com 항목 | 사양
CSS text-fit 속성
텍스트 노드의 글꼴 크기를 조정하여 포함된 상자의 너비에 완벽하게 맞춥니다.
이 속성을 사용하면 개발자가 글꼴 크기를 수동으로 계산하거나 복잡한 JavaScript 해결 방법을 사용하지 않고도 제목이나 동적 콘텐츠가 사용 가능한 가로 공간을 채울 수 있습니다. 다양한 화면 크기와 다양한 텍스트 길이에 걸쳐 시각적 정렬을 유지하는 반응형 타이포그래피를 위한 강력한 CSS 네이티브 솔루션을 제공합니다.
버그 추적 #417306102 | ChromeStatus.com 항목 | 사양
CSS background-clip: border-area
CSS 배경 수준 4에 정의된 대로 CSS background-clip 속성의 border-area 값을 구현합니다. background-clip: border-area 는 border-color의 투명도를 무시하면서 border-width 및 border-style을 고려하여 요소의 배경을 테두리 획으로 페인팅된 영역으로 클리핑합니다. 이를 통해 개발자는 border-image 없이 그라데이션 테두리를 만들 수 있습니다.
WebKit은 이미 이 기능을 제공하고 있으며 이 구현으로 Chromium이 패리티를 달성합니다.
버그 추적 #329302543 | ChromeStatus.com 항목 | 사양
CSS image(<color>) 함수
image() 함수를 사용하면 작성자가 모든 색상에서 단색 이미지를 생성할 수 있습니다. 구문은 image() = image( <color> )입니다.
버그 추적 #510426954 | ChromeStatus.com 항목 | 사양
이미지 값이 있는 CSS light-dark()
작성자 스타일시트에서 이미지 값 (url(), image-set(), none)을 허용하도록 CSS light-dark() 함수를 확장하여 background-image, list-style-image, border-image-source, cursor, content와 같은 이미지 속성이 사용자의 기본 색 구성표에 따라 이미지 간에 자동으로 전환되도록 합니다. 이전에는 UA 스타일시트에서만 허용되었습니다. 이는 CSS 색상 5 사양과 일치하며 Firefox의 기존 구현과 일치합니다.
버그 추적 #491829958 | ChromeStatus.com 항목 | 사양
쉼표로 구분된 컨테이너 쿼리
@container 규칙당 여러 쿼리를 지원합니다. 쿼리 중 하나라도 일치하면 @container 규칙이 적용됩니다.
이렇게 하면 모든 브라우저에서 지원되지 않는 기능에 대체 쿼리를 사용할 수 있습니다.
버그 추적 #41491726 | ChromeStatus.com 항목 | 사양
CSS로 인쇄할 수 없는 영역 노출
프린터에는 일반적으로 프린터의 용지 처리 메커니즘으로 인해 안정적으로 표시할 수 없는 용지 4개 가장자리에 작은 영역이 있습니다. 기본 페이지 여백은 이러한 영역보다 클 것으로 예상되지만 작성자가 직접 여백을 설정하고 @page 여백 상자 (예: 맞춤 헤더 및 바닥글)를 추가하려는 경우 인쇄해도 되는 위치와 인쇄하면 안 되는 위치를 알려주는 방법이 필요합니다.
CSS 설명자 page-margin-safety를 사용하여 인쇄할 수 없는 영역을 피할 수 있습니다.
버그 추적 #368070327 | ChromeStatus.com 항목 | 사양
flex-wrap: balance
flex-wrap: balance 를 사용하면 개발자가 콘텐츠를 플렉스 라인 간에 배포하여 더 균형 있게 표시할 수 있습니다 (text-wrap: balance와 유사).
버그 추적 #416755656 | ChromeStatus.com 항목 | 사양
CSS @supports의 named-feature() 함수
named-feature() 함수를 사용하면 CSS @supports 규칙이 다른 @supports 메커니즘을 사용하여 테스트할 수 없지만 테스트하는 것이 매우 유용한 것으로 간주되는 특정 명명된 기능의 작은 집합을 쿼리할 수 있습니다.
버그 추적 #353715317 | ChromeStatus.com 항목 | 사양
overscroll-behavior: chain
overscroll-behavior 에는 이제 값으로 none, auto, contain, 새 값 chain이 있습니다. 이러한 값은 스크롤 전파와 로컬 테두리 효과 (예: 오버스크롤 스트레치)라는 두 가지 독립적인 효과에 영향을 미칩니다.
none: 전파 없음, 로컬 효과 없음auto: 전파, 로컬 효과contain: 전파 없음, 로컬 효과chain: 전파, 로컬 효과 없음
버그 추적 #499018879 | ChromeStatus.com 항목 | 사양
path-length를 CSS 속성으로 지원
이 변경사항은 기존 SVG pathLength 프레젠테이션 속성에 매핑되는 새 CSS 속성인 path-length를 도입합니다. pathLength를 지원하는 SVG 도형
요소에 적용됩니다 (<path>, <circle>, <rect>,
<line>, <polyline>, <polygon>, <ellipse> 포함).
버그 추적 #40670251 | ChromeStatus.com 항목 | 사양
DOM 및 HTML
모든 하위 selectedcontent 요소로 클론
selectedcontent 요소의 엣지 케이스에 몇 가지 작은 변경사항이 적용됩니다.
- 여러 selectedcontent 요소가 동시에 선택 요소에 배치되면 DOM 순서의 첫 번째 요소만 최신 상태로 유지되는 대신 모든 요소가 최신 상태로 유지됩니다.
- 보안 문제를 해결하기 위해 삽입, 삭제 또는 이동 단계 중에 실행되는 경우 selectedcontent 요소 업데이트가 지연됩니다. 업데이트는 삽입 후 단계 또는 마이크로태스크를 사용하여 지연됩니다.
버그 추적 #458113204 | ChromeStatus.com 항목 | 사양
Focusgroup
손으로 코딩된 로빙 tabindex 스크립트를 대체하여 복합 위젯에 선언적으로 화살표 키 탐색, 보장된 탭 정지, 마지막으로 포커스가 맞춰진 메모리를 제공하는 기능을 제공합니다. 예:
<div focusgroup="toolbar wrap" aria-label="Formatting">
<button>Bold</button>
<button>Italic</button>
<button>Underline</button>
</div>
순서가 뒤섞인 스트리밍
<template for> 및 처리 명령어 범위 (<?marker>, <?start>,
및 <?end>)를 사용하여 JS 없이 문서의 기존 부분을 업데이트합니다.
버그 추적 #431374376 | ChromeStatus.com 항목 | 사양
HTML에서 처리 명령어 파싱
처리 명령어 (구문: <?target data>)는 요소가 아니지만 문서 처리에 일부 의미론적 의미를 가질 수 있는 노드 객체를 나타내는 XML에 노출된 기존 DOM
구성입니다.
처리 명령어는 HTML 파서에 의해 파싱되며 데이터를 변경하기 위해 요소와 유사한 속성 API를 수신합니다.
버그 추적 #481087638 | ChromeStatus.com 항목 | 사양
popover=hint 동작 변경사항
이 변경사항은 popover=hint 속성 및 popover=auto와의 상호작용을 위한 수정되고 간소화된 스택 모델을 구현합니다. 이전에는 이러한 두 가지 유형의 팝오버 간의 상호작용이 일부 엣지 케이스 상황 (예: 힌트 팝오버 내에 자동 팝오버 중첩)에서 복잡할 수 있으며 예기치 않은 동작으로 이어질 수 있었습니다. 새 모델에서는 힌트 팝오버를 열어도 관련 없는 자동 팝오버가 실수로 닫히지 않습니다. 힌트 팝오버는 상위 자동 팝오버가 숨겨지거나 관련 없는 새 자동 팝오버가 열릴 때만 숨겨집니다. 또한 개발자는 힌트 팝오버 내에 자동 팝오버를 안전하게 중첩할 수 있습니다. 예외를 발생시키거나 스택을 중단하는 대신 중첩된 자동 팝오버가 정상적으로 '다운그레이드'되고 힌트 팝오버처럼 동작합니다.
이렇게 하면 popover=hint 내에 customizable-select를 배치하는 등의 사용 사례를 지원할 수 있습니다.
예측 가능성을 더욱 개선하고 복잡한 상태 변경을 방지하기 위해 beforetoggle 이벤트 내에서 팝오버를 열고 닫는 동작도 강화합니다. 이전에는 가능한 모든 케이스가 아닌 일부 케이스에 가드가 있었습니다. 이 변경사항은 이러한 케이스를 감지하는 데 사용되는 메커니즘을 개편하므로 이러한 모든 케이스에 대해 InvalidStateErrors를 더 안정적으로 발생시켜야 합니다. 이렇게 하면 팝오버 상태 관리가 안정적으로 유지되고 루핑 재진입 버그가 방지됩니다.
버그 추적 #499019927 | ChromeStatus.com 항목 | 사양
프로그래매틱 스크롤 약속
이 기능은 프로그래매틱 부드러운 스크롤의 완료 상태에 대한 안정적인 신호를 제공합니다. Element 및 Window의 모든 스크롤 메서드는 스크롤 완료 시 확인되는 Promise 객체를 반환하며 확인된 값은 스크롤이 중단되었는지 여부를 나타냅니다.
버그 추적 #41406914 | ChromeStatus.com 항목 | 사양
그래픽 및 미디어
플러그인 및 iframe에서 SVG 필터 사용 중지
Chrome 150에서는 삽입된 플러그인(예: PDF) 및 교차 출처 또는 제한된 iframe (예: 샌드박스 처리된 iframe)에 SVG 필터가 적용되지 않도록 차단합니다. 플러그인 또는 iframe이 SVG 필터 효과로 페인팅되는 경우 효과 트리를 순회하여 SVG 필터가 없는 가장 높은 상위 요소를 찾은 후 해당 효과를 대신 적용합니다.
버그 추적 #476646486 | ChromeStatus.com 항목 | 사양
WebGPU: 즉시
WGSL에 새로운 즉시 주소 공간을 추가하고 렌더링 패스, 컴퓨팅 패스, 렌더링 번들 인코더에 setImmediateData() 메서드를 추가하여 개발자가 GPU 버퍼 객체 또는 바인드 그룹을 만들지 않고도 자주 업데이트되는 소량의 데이터를 셰이더에 직접 전달할 수 있도록 합니다.
버그 추적 #366291600 | ChromeStatus.com 항목 | 사양
보안 및 웹 음성
data: URL의 불투명 출처
Chrome 150에서는 전용 및 공유 작업자가 data:
URL을 처리하는 방식이 업데이트됩니다. 이러한 작업자는 스크립트 또는 생성한 페이지의 보안 출처를 자동으로
상속하는 대신 고유한 불투명 출처가 할당됩니다.
작업자 HTML
사양
에 맞게 조정하면 이러한 작업자를 생성자의 동일 출처
상태에서 격리하여 보안이 강화되고, 민감한 정보에 액세스하지 못하게 됩니다.
BroadcastChannel 또는 동일 출처 스토리지와 같은 메커니즘을 통해 이러한 작업자는 올바른 격리 경계를 유지하기 위해 생성자와 동일한 저장용량 파티션 (예: 최상위 사이트 또는 nonce 보존) 내에 계속 상주합니다.
버그 추적 #40051700 | ChromeStatus.com 항목 | 사양
Web Speech API: 온디바이스 인식 품질
SpeechRecognitionOptions에 quality 속성을 추가하여 SpeechRecognition 인터페이스를 확장합니다. 이를 통해 개발자는 온디바이스 인식에 필요한 의미론적 기능을 지정할 수 있습니다 (processLocally: true).
제안된 품질 enum은 command, dictation, conversation의 세 가지 수준을 지원합니다. 이는 증가하는 작업 복잡성과 하드웨어 요구사항에 매핑됩니다.
이를 통해 개발자는 로컬 기기에서 회의 스크립트 작성과 같은 중요한 사용 사례를 처리할 수 있는지 또는 클라우드 서비스로 대체해야 하는지 확인할 수 있습니다.
버그 추적 #476168420 | ChromeStatus.com 항목 | 사양
웹 앱
PWA 출처 이전
사용자가 프로그레시브 웹 앱(PWA)을 설치하면 해당 앱의 ID와 보안 컨텍스트가 웹 출처(예: app.example.com)에 밀접하게 바인딩됩니다.
이로 인해 리브랜딩, 도메인 재구성 또는 기술적 재설계 과정에서 PWA의 출처를 변경해야 하는 개발자에게 상당한 문제가 발생합니다. 출처 이전이 없으면 이러한 변경으로 인해 사용자가 기존 앱을 수동으로 제거하고 새 앱을 재설치해야만 하므로, 사용자 경험의 중단과 사용자 손실률 증가가 발생할 수 있습니다. Chrome 150에서는 개발자가 설치된 PWA를 새로운 동일 사이트 출처로 원활하게 이전할 수 있는 메커니즘이 도입되어, 사용자 신뢰와 권한을 유지할 수 있습니다.
WebAppInstallForceList 정책은 이전을 차단합니다. 웹 애플리케이션에 관한 엔터프라이즈 정책은 주로 URL과 출처를 기반으로 하므로 이전 시 관리자가 구성한 특정 정책이 우회될 위험이 있습니다. 앱이 엔터프라이즈 관리자에 의해 강제 설치된 경우 사용자에게는 이전 옵션이 제공되지 않으며 대신 이를 설명하는 배너가 표시됩니다.
버그 추적 #396504527 | ChromeStatus.com 항목 | 사양
오리진 트라이얼
이메일 확인 프로토콜
EVP (이메일 인증 프로토콜)는 이메일 OTP를 수동으로 제공하는 대신 암호화된 소유권 증명을 원활하게 제공하여 사용자가 계정을 만들고 액세스하고 복구할 수 있도록 지원합니다.
오리진 트라이얼 | ChromeStatus.com 항목 | 사양
추측 로드 측정
새로 노출된 performance.getSpeculations() 메서드의 일부로 추측 로드 (프리로드, 프리페치, 프리렌더링)에 관한 측정 데이터를 노출합니다.
이를 통해 개발자는 다양한 추측 로드 전략의 효과를 측정하고 이에 따라 조정할 수 있습니다.
오리진 트라이얼 | 버그 추적 #481590676 | ChromeStatus.com 항목
WebRTC 진단 Logging API
WebRTC 진단 로깅용 API입니다.
이 API를 사용하면 애플리케이션이 진단 로깅을 선택할 수 있습니다. 이러한 로그에는 애플리케이션의 WebRTC 활동에 관한 정보가 포함되어 있으며 로컬 디버깅 또는 버그 신고에 유용합니다.
로그는 선택적으로 대역 외에서 브라우저 공급업체에 업로드할 수 있으며 버그 진단에 사용할 수 있습니다. 애플리케이션은 비정상 종료와 유사하게 버그 신고에 첨부할 수 있는 ID를 가져옵니다.
진단 로그는 WebRtcDiagnosticLogCollectionAllowedForOrigins라는 엔터프라이즈 정책으로 사용 설정됩니다.
오리진 트라이얼 | 버그 추적 #481412281 | ChromeStatus.com 항목 | 사양
지원 중단 및 삭제
이 출시 버전에는 지원 중단 또는 삭제가 없습니다.