Chrome 154 베타

Rachel Andrew

게시일: 2026년 9월 2일

별도로 명시되지 않는 한 다음 변경사항은 Android, ChromeOS, Linux, macOS, Windows용 최신 Chrome 베타 채널 출시에 적용됩니다. 제공된 링크를 사용하거나 ChromeStatus.com을 방문하여 이러한 기능에 대해 자세히 알아보세요. Chrome 154는 2026년 9월 2일 현재 베타 버전입니다. 데스크톱용 최신 베타 버전은 Google.com 에서 다운로드하거나 Android의 Google Play 스토어에서 다운로드할 수 있습니다.

CSS 및 UI

CSS scroll-marker-group 모드

scroll-marker-group 속성이 다음과 같은 모드를 지원하도록 향상되었습니다.

  • links: 생성된 ::scroll-marker-group이 links 모드에서 작동하며 탐색 목록과 같은 기능을 합니다. 생략하면 기본 모드입니다.
  • tabs: 생성된 ::scroll-marker-group이 tabs 모드에서 작동하며 탭 목록과 같은 기능을 합니다.

각 모드는 WAI-ARIA 패턴에 따라 ::scroll-marker-group 및 ::scroll-marker의 포커스 순서와 접근성 동작을 변경합니다.

  • 링크 모드 (기본값): 프래그먼트 앵커와 결합된 표준 탐색 랜드마크를 모방합니다. ::scroll-marker-group은 navigation 역할을 하고 ::scroll-marker 요소는 link 역할을 합니다. 모든 ::scroll-marker 요소는 순차적 탭 정지입니다. 링크 마커가 활성화되면 포커스가 타겟 요소로 이동합니다.
  • 탭 모드: 탭 패턴을 복제하고 탭 캐러셀의 기반 역할을 합니다. ::scroll-marker-group에 tablist 역할이 할당되고 ::scroll-marker 요소는 tab 역할로 작동하며 원래 요소는 tabpanel 역할을 합니다. 활성 ::scroll-marker만 탭 정지 역할을 하며 화살표 키를 사용하여 마커 간에 이동합니다. 비활성 탭의 콘텐츠는 접근성 트리에서 숨겨집니다.

CSS text-decoration-inset

text-decoration-inset CSS 속성은 밑줄, 윗줄, 취소선 장식이 텍스트 실행 가장자리에서 얼마나 삽입되거나 확장되는지 제어합니다. 시작 및 종료 오프셋을 설정하기 위한 단일 값 및 두 값 문법을 포함하여 auto, 길이, 백분율 값을 지원합니다. 이를 통해 개발자는 배경 그래디언트 또는 추가 요소 대신 기본 텍스트 장식으로 장식 간격을 조정하고 표시 효과를 만들 수 있습니다.

CSS text-decoration-skip-spaces

text-decoration-skip-spaces CSS 속성은 텍스트 장식 선 (예: 밑줄, 윗줄, 취소선)이 공백 문자를 건너뛸지 여부를 제어합니다. 이렇게 하면 공백 아래에 장식이 그려지지 않도록 할 수 있습니다.

작업자 컨텍스트에 CSSStyleValue 계층 구조 노출

CSS Typed OM 사양은 CSSStyleValue 계층 구조를 작업자 전역 범위 ([Exposed=(Window, Worker, PaintWorklet, LayoutWorklet)])에 노출하지만 Blink는 이전에 CSSStyleValue, CSSKeywordValue, CSSNumericValue, CSSUnitValue, CSSUnparsedValue만 Window 및 워크릿에 노출했습니다. 따라서 이러한 생성자는 Worker 컨텍스트에서 정의되지 않았습니다. Chrome 154는 사양 및 기타 브라우저 엔진에 맞춰 작업자에서 이러한 생성자를 노출합니다.

FontFace width 속성 및 font-width 설명자

FontFace의 width 속성과 @font-face font-width 설명자를 stretch 및 font-stretch의 별칭으로 노출합니다. 이렇게 하면 Chromium이 업데이트된 CSS 글꼴 로드 및 CSS 글꼴 4 사양과 일치합니다. 및 CSS font-width 를 FontFace.widthstretch 및 font-stretch와 상호 교환하여 글꼴 너비를 검사하거나 초기화할 수 있습니다.

팝오버 및 대화상자의 가벼운 닫기 개선사항

팝오버 및 대화상자의 가벼운 닫기 동작을 개선하고 간소화합니다. 가벼운 닫기는 팝오버 또는 대화상자 외부를 클릭하면 닫히는 동작입니다. 이러한 개선사항을 통해 터치스크린의 스크롤 동작과 마우스 오른쪽 버튼 클릭이 더 이상 가벼운 닫기를 트리거하지 않습니다.

이제 브라우저는 pointerdown 및 pointerup 이벤트의 조합 대신 click 이벤트를 사용하여 가벼운 닫기를 트리거합니다.

반응형 크기의 <iframe>

사이트에서 반응형 크기의 iframe을 선택할 수 있습니다. 이렇게 하면 상위 문서의 <iframe> 요소가 iframe 문서의 레이아웃 오버플로 크기로 조정되어 하위 문서에서 스크롤이 발생하지 않습니다.

JavaScript

반복기 includes

반복기에 includes() 메서드를 추가하여 반복기가 지정된 값을 생성하는지 확인할 수 있는 Array.prototype.includes()와 마찬가지로 TC39 제안입니다.

Web API

WebSocket 생성자에 옵션 모음 추가

옵션 딕셔너리 (WebSocketInit)를 두 번째 인수로 WebSocket 생성자에 전달하는 지원을 추가합니다. 옵션 딕셔너리는 protocols 옵션을 지원하므로 하위 프로토콜을 지정할 수 있으며 (기존 protocols 인수를 미러링) 향후 옵션의 확장 지점 역할을 합니다.

이전에는 다음과 같이 작성되었습니다.

const socket = new WebSocket("wss://example.com:8080", "soap");

이 변경사항을 사용하면 다음과 같이 작성할 수도 있습니다.

const socket = new WebSocket("wss://example.com:8080", { protocols: "soap" });

WebCrypto의 알고리즘 업데이트

Web Cryptography API에서 사용할 수 있는 암호화 알고리즘 집합에 양자 내성 암호 및 대칭 AEAD 알고리즘을 추가합니다. 이렇게 하면 NIST에서 표준화한 양자 내성 암호화 알고리즘의 브라우저 제공 구현에 액세스할 수 있습니다.

  • ML-KEM (768, 1024)
  • ML-DSA (44, 65, 87)
  • ChaCha20-Poly1305
  • X-Wing

백그라운드 가져오기에 대한 CORS 적용

이제 Background Fetch API가 교차 출처 리소스 공유 (CORS)를 적용합니다.

이 업데이트는 Chromium의 구현을 Background Fetch 사양의 의도에 맞춥니다. 이렇게 하면 백그라운드 가져오기 요청에 로컬 네트워크 액세스 검사와 같은 동일한 보안 정책이 적용되어 사이트에서 일반 가져오기 대신 백그라운드 가져오기를 사용하여 CORS 및 기타 보안 정책 검사를 우회하는 것을 방지할 수 있습니다.

가져오기 API: AbortController에서 가져오기 Response로 이유 전달

제공된 경우 중단 이유를 fetch 프로미스뿐만 아니라 Response 객체 및 ReadableStream의 메서드에 노출합니다. 이렇게 하면 Chrome이 표준과 일치하여 개발자가 제공한 중단 이유를 의도한 모든 위치에 표시할 수 있습니다.

백그라운드 가져오기에 대한 로컬 네트워크 액세스 제한

백그라운드 가져오기 요청에서는 서비스 워커의 출처에 로컬 또는 루프백 서버로 요청을 보내기 위해 필요한 로컬 네트워크 액세스 (LNA) 권한이 있어야 합니다.

이렇게 하면 Chromium의 구현이 Background Fetch 사양의 의도와 일치하게 됩니다. Background Fetch 사양에서는 요청이 가져오기 사양을 거치고 동일한 보안 정책이 적용된다고 명시합니다. 이를 통해 사이트에서 일반 가져오기 대신 백그라운드 가져오기를 사용하여 LNA 검사를 우회하는 것을 방지할 수 있습니다.

엔터프라이즈의 경우 서비스 워커의 일반 가져오기 API 요청과 동일한 방식으로 기존 LNA 엔터프라이즈 정책을 사용할 수 있습니다.

새로운 HTML 삽입 및 스트리밍 메서드

기존 문서에 마크업을 동적으로 삽입하는 일관된 접근 방식을 제공하는 여러 HTML 설정 메서드를 노출합니다.

  • HTML을 인수로 가져와 insertAdjacentHTML()을 대체하는 위치 메서드 (before(), after(), append(), prepend(), replaceWith())
  • WritableStream을 반환하는 스트리밍 메서드 (streamAppendHTML(), streamAppendHTMLUnsafe() 및 관련 메서드)
  • createContextualFragment 동작과 일치하는 SetHTMLUnsafeOptions의 일부로 {runScripts} 전달
  • 신뢰할 수 있는 유형에서 createParserOptions를 지원하여 신뢰할 수 있는 유형이 스크립팅 모드와 삭제기를 재정의하도록 허용

보안 결제 확인: 로캘 유효성 검사

보안 결제 확인 대화상자에서 사용하는 언어와 일치하는 언어 태그가 필드에 제공되지 않으면 NotSupportedError DOMException을 반환하도록 보안 결제 확인 locale 데이터 필드를 업데이트합니다. 필드가 설정되지 않았거나 비어 있으면 이 유효성 검사가 건너뜁니다.

이렇게 하면 보안 결제 확인에 제공된 데이터의 언어가 대화상자와 일치합니다.

WebSocket의 targetAddressSpace 옵션 지원

WebSocket 생성자에 targetAddressSpace 옵션을 전달하는 지원을 추가합니다. 이렇게 하면 공개 호스트 이름에 대한 WebSocket 연결이 가져오기 API의 기존 지원과 일치하는 '로컬' 또는 '루프백' 대상으로 처리되도록 지정할 수 있습니다. 주요 사용 사례는 로컬 네트워크 액세스 권한에 보안 컨텍스트가 필요하므로 HTTPS를 지원하지 않는 로컬 서버에 연결할 때 혼합 콘텐츠 제한을 우회하는 것입니다.

예를 들어 로컬 서버에 연결하는 공개 사이트는 정확한 비공개 IP 주소를 수동으로 구성하는 대신 호스트 이름을 사용할 수 있습니다.

const ws = new WebSocket("ws://local-server.example", { targetAddressSpace: "local" });

이렇게 하면 WebSocket 연결이 로컬 주소로 이동하는 것으로 표시되어 보안 컨텍스트에서 실행될 때 혼합 콘텐츠 차단을 우회합니다. WebSocket 연결이 성공하려면 사용자가 사이트에 로컬 네트워크 권한을 부여해야 하며 호스트 이름이 로컬 IP 주소로 확인되어야 합니다 (그렇지 않으면 차단됨).

이 기능은 WebSocket 생성자에 추가된 옵션 딕셔너리를 기반으로 합니다.

WebGPU: WGSL 프래그먼트 깊이

WGSL에서 @builtin(frag_depth)에 less 또는 greater 수정자를 제공하는 기능을 추가합니다.

수정자 없이 @builtin(frag_depth)를 사용하면 그리기 호출에서 초기 Z 최적화를 사용 중지하여 성능 저하가 발생할 수 있습니다. 새로운 수정자를 사용하면 버퍼 모드를 명시적으로 설정하여 초기 Z 최적화를 적용할 수 있습니다.

Window Shape API

Window Shape API를 사용하면 ChromeOS에서 허용 목록에 추가된 분리형 웹 앱의 창 모양을 맞춤설정할 수 있습니다. 개발자는 직사각형이 아닌 창과 비연속 창 레이아웃을 사용 설정하여 네이티브 애플리케이션의 모양과 일치하는 위젯, 플로팅 패널, 오버레이와 같은 환경을 구현할 수 있습니다. window.setShape() 메서드를 사용하려면 창이 unframed 표시 모드여야 하며 window-management 권한이 있어야 합니다.

관리자는 창 관리에 대한 기존 정책을 사용하여 이 기능을 관리할 수 있습니다.

  • DefaultWindowManagementSetting 은 모든 앱의 창 관리 기본 상태를 구성합니다.
  • WindowManagementAllowedForUrls 정책을 사용하면 지정된 출처의 IWA가 사용자 상호작용 없이 프레임 없는 모드로 전환할 수 있으며 맞춤 창 모양을 설정할 수 있습니다.
  • WindowManagementBlockedForUrls 정책은 지정된 출처에 대한 권한을 차단하여 Chrome이 모든 맞춤 창 모양을 삭제하고 사용 가능한 다른 표시 모드로 대체하도록 강제합니다.

새로운 오리진 트라이얼

Chrome 154에서는 다음과 같은 새로운 오리진 트라이얼을 선택할 수 있습니다.

비공개 확인 토큰

비공개 확인 토큰 (PVT)은 웹사이트에서 사용자가 일반 브라우징에서 설정한 신뢰를 시크릿 브라우징 모드로 이전하여 CAPTCHA 및 챌린지로 인한 사용자 불편을 줄일 수 있는 낮은 엔트로피 메커니즘입니다. PVT는 일반 브라우징 세션 중에 발급되고 시크릿 브라우징 모드에서 사용됩니다.