Chrome 132

안정화 버전 출시일: 2025년 1월 14일

달리 명시되지 않는 한 다음 변경사항은 Android, ChromeOS, Linux, macOS, Windows용 Chrome 132 안정화 버전 출시에 적용됩니다.

HTML 및 DOM

비활성 문서의 팝오버 및 대화상자 예외 발생

이전에는 비활성 문서 내에 있는 팝오버나 대화상자에서 showPopover() 또는 showModal()를 호출하면 자동으로 실패했습니다. 예외가 발생하지는 않지만 문서가 비활성 상태이므로 팝오버나 대화상자가 표시되지 않습니다. Chrome 132부터 이러한 상황에서 InvalidStateError이 발생합니다.

버그 추적 #373684393 | ChromeStatus.com 항목 | 사양

대화상자 전환 이벤트

<dialog> 요소가 열리고 닫히는 시점을 알면 유용하며 popover에는 이미 팝오버가 열리거나 닫힐 때 전달되는 ToggleEvent가 있습니다. 이전에는 <dialog>가 열릴 때를 감지하기 위해 변형 관찰자를 등록하여 열림을 확인해야 했지만, 이는 이벤트가 더 쉬운 상당히 많은 작업입니다.

이 변경사항은 팝업이 전달하는 것과 동일한 ToggleEvent를 <dialog> 요소에 통합합니다. showModal 또는 show가 호출되면 <dialog>는 newState=open를 사용하여 ToggleEvent를 전달합니다. <dialog>가 닫히면(양식, 버튼 또는 closewatcher 사용) newState=closed로 ToggleEvent를 전달해야 합니다.

버그 추적 #41494780 | ChromeStatus.com 항목 | 사양

Shadow DOM에서 선택 isCollapsed 수정

선택 isCollapsed는 앵커와 포커스가 동일한 경우에만 true를 반환해야 합니다. 이는 선택이 밝은 영역 트리 내에서 시작되거나 어두운 영역 트리 내에서 종료되든 관계없이 true여야 합니다.

데모 | 버그 추적 #40400558 | ChromeStatus.com 항목 | 사양

CSS

CSS 앵커 포지셔닝: inset 및 margin 속성에서 anchor-size() 허용

원래 anchor-size()는 크기 조절 속성에서만 허용되었습니다. 인셋과 여백에서도 anchor-size()를 허용하도록 사양이 변경되었습니다.

버그 추적 #346521300 | ChromeStatus.com 항목 | 사양

CSS 측면 쓰기 모드

writing-mode CSS 속성에 sideways-rl 및 sideways-lr 키워드 지원 sideways-rl 및 sideways-lr는 CJK 외 텍스트를 세로로 작성하는 데 유용합니다. vertical-rl 및 vertical-lr와 달리 CJK 언어에 적합한 동작이 없습니다.

MDN writing-mode | 버그 추적 #40501131 | ChromeStatus.com 항목 | 사양

로드 중

가져오기: Request.bytes() 및 Response.bytes()

Request 및 Response 인터페이스에 bytes() 메서드를 추가합니다. 이 메서드는 Uint8Array로 확인되는 약속을 반환합니다. Request 및 Response에는 arrayBuffer() 메서드가 있지만 버퍼에서 직접 읽을 수는 없습니다. 이를 읽으려면 Uint8Array와 같은 뷰를 만들어야 합니다. bytes() 메서드는 요청 및 응답의 본문을 가져오는 작업의 인체공학을 개선합니다.

버그 추적 #340206277 | ChromeStatus.com 항목 | 사양

localhost의 Strict-Transport-Security 무시

Strict-Transport-Security (STS) 응답 헤더는 모든 포트에서 호스트 전체에 적용되므로 localhost 웹 서버에 문제가 발생할 수 있습니다. 이로 인해 로컬에서 테스트하는 웹 개발자에게 호환성 문제가 발생합니다. 또한 일시적인 이유로 localhost 웹 서버를 시작하는 소프트웨어 패키지를 사용하는 최종 사용자에게도 영향을 미칩니다. 예를 들어 웹 로그인에서 로컬 소프트웨어 패키지로 인증 토큰을 전송하는 경우입니다. 한 로컬 리스너가 localhost 응답에 Strict-Transport-Security를 설정하면 포트와 관계없이 후속 localhost 요청에 모두 적용됩니다.

Chrome 132에서는 localhost URL의 응답에서 Strict-Transport-Security 헤더를 무시하여 이 문제를 해결합니다.

버그 추적 #41251622 | ChromeStatus.com 항목

미디어

모든 화면 캡처

getAllScreensMedia()를 사용하여 기기에 연결된 모든 화면을 캡처합니다.

getDisplayMedia()를 여러 번 호출하려면 여러 사용자 동작이 필요하고, 매번 다음 화면을 선택해야 하는 부담이 사용자에게 주어지며, 앱에 모든 화면이 선택되었는지 보장되지 않습니다. getAllScreensMedia() 메서드는 이러한 모든 측면에서 개선됩니다.

이 기능은 데스크톱에서만 제공됩니다.

설계 문서 | 추적 버그 #40216442 | ChromeStatus.com 항목 | 사양

요소 캡처

탭 캡처를 시작하는 기존 수단을 통해 얻은 동영상 MediaStreamTrack를 고려할 때 요소 캡처를 사용하면 트랙을 변형하여 지정된 요소에서 시작하는 DOM의 하위 트리만 캡처할 수 있습니다.

이 API는 Region Capture API와 약간 유사하지만 가리는 콘텐츠와 가려진 콘텐츠가 모두 캡처에서 제외되므로 애플리케이션에 더 큰 유연성을 제공합니다.

데모 | 추적 버그 #270230413 | ChromeStatus.com 항목 | 사양

Web API

PushMessageData::bytes()

PushMessageData 인터페이스는 API가 일반적으로 바이트 버퍼를 Uint8Arrays로 제공해야 한다는 원칙에 따라 올해 초 새 bytes() 메서드로 수정된 Body 인터페이스를 모방합니다. Chrome 132는 PushMessageData 인터페이스에도 bytes() 접근자를 제공하여 Body 인터페이스와 다시 정렬합니다.

MDN PushMessageData: bytes() 메서드 | 버그 추적 #373336950 | ChromeStatus.com 항목 | 사양

키보드 포커스 가능 스크롤 컨테이너

Chrome 130부터 이 기능의 출시가 접근성 회귀로 인해 중단되었습니다. 이 문제가 수정되었으며 Chrome 132부터 이 기능이 계속 출시됩니다.

키보드 포커스 가능 스크롤러 | 버그 추적 #40113891 | ChromeStatus.com 항목 | 사양

Device Posture API

이 API를 사용하면 개발자가 폴더블 기기의 현재 상태를 감지할 수 있습니다. 기기 상태는 기기가 놓여 있는 실제 위치이며 각도 외에도 센서에서 가져올 수 있습니다.

접힌 부분을 피하여 웹사이트의 사용성을 개선하는 것부터 웹에서 혁신적인 사용 사례를 지원하는 것까지, 기기의 상태를 알면 개발자가 다양한 기기에 맞게 콘텐츠를 조정하는 데 도움이 됩니다.

기기가 평평하지 않은 경우에도 콘텐츠를 소비하고 탐색할 수 있으므로 개발자는 기기가 사용 중인 상태에 따라 다른 레이아웃을 제공할 수 있습니다.

Git 저장소 | 추적 버그 #40124716 | ChromeStatus.com 항목 | 사양

sharedStorage.selectURL에 저장된 쿼리

이제 sharedStorage.selectURL()를 사용하면 페이지별로 쿼리를 저장하고 재사용할 수 있습니다. 저장된 쿼리가 처음 실행될 때는 페이지당 로드 예산 2개가 청구되지만 동일한 페이지 로드 중에 저장된 쿼리가 후속으로 실행될 때는 청구되지 않습니다. 이는 쿼리 이름을 지정하는 selectURL() 옵션의 savedQuery 매개변수를 사용하여 실행됩니다.

버그 추적 #367440966 | ChromeStatus.com 항목 | 사양

Private State Tokens API 권한 정책 기본 허용 목록 와일드 카드

Private State Tokens API에 대한 액세스는 권한 정책 기능에 따라 제한됩니다. Chrome 132에서는 private-state-token-issuance 및 private-state-token-redemption 기능의 기본 허용 목록을 self에서 * (와일드 카드)로 업데이트합니다.

ChromeStatus.com 항목 | 사양

FedCM Mode API 및 Use Other Account API

FedCM의 두 가지 새로운 확장 프로그램:

  • 모드: active 모드를 사용하면 웹사이트에서 버튼 클릭 (예: IdP에 로그인 버튼 클릭) 내에서 FedCM을 호출할 수 있습니다. 이 경우 FedCM은 항상 표시된 사용자 인터페이스로 응답해야 합니다. 활성 모드에서 FedCM API를 호출하면 사용자가 로그아웃되었을 때 사용자를 ID 공급자 (IdP)에 로그인하도록 유도합니다. 또한 활성 모드는 명시적 사용자 동작 내에서 호출되므로 UI는 수동 모드의 UI (사용자 동작 요구사항이 필요하지 않으며 페이지 로드 시 호출할 수 있음)에 비해 더 눈에 띄게 표시됩니다 (예: 가운데 정렬 및 모달).
  • 다른 계정 사용: 이 확장 프로그램을 사용하면 IdP에서 사용자가 다른 계정에 로그인하도록 허용할 수 있습니다.

데모 | 버그 추적 #370694829 | ChromeStatus.com 항목 | 사양

Android 및 WebView의 파일 시스템 액세스

이 API를 사용하면 개발자가 기기의 파일 시스템을 사용하여 사용자 기기의 다른(웹이 아닌) 앱과 상호작용하는 강력한 앱을 빌드할 수 있습니다. 사용자가 웹 앱 액세스 권한을 부여하면 이 API를 통해 앱이 사용자가 선택한 파일 및 폴더에 직접 변경사항을 읽거나 저장할 수 있습니다. 이 API는 파일을 읽고 쓰는 것 외에도 디렉터리를 열고 콘텐츠를 열거할 뿐만 아니라 나중에 동일한 콘텐츠에 다시 액세스할 수 있도록 IndexedDB에 파일 및 디렉터리 핸들을 저장하는 기능을 제공합니다.

파일 시스템 액세스는 Chrome 86에서 데스크톱에 제공되었으며 Chrome 132에서는 Android 및 WebView에서 사용할 수 있습니다.

파일 시스템 액세스 API | 추적 버그 #40091667 | ChromeStatus.com 항목 | 사양

WebAuthn Signal API

WebAuthn 신뢰 당사자가 잘못되거나 취소된 사용자 인증 정보를 제공업체 및 시스템 UI에서 업데이트하거나 삭제할 수 있도록 기존 사용자 인증 정보에 관한 정보를 사용자 인증 정보 저장소 제공업체에 다시 전달할 수 있습니다.

Chrome 데스크톱의 패스키용 Signal API에 대해 자세히 알아보세요.

데모 | 추적 버그 #361751877 | ChromeStatus.com 항목 | 사양

렌더링 및 그래픽

WebGPU: 32비트 부동 소수점 텍스처 블렌딩

float32-blendable GPU 기능을 사용하면 r32float, rg32float, rgba32float 형식의 GPU 텍스처를 혼합할 수 있습니다.

버그 추적 #369649348 | ChromeStatus.com 항목 | 사양

WebGPU: GPUDevice에서 GPUAdapterInfo 노출

GPUDevice adapterInfo 속성은 GPUAdapter 객체와 동일한 GPUAdapterInfo를 노출합니다.

버그 추적 #376600838 | ChromeStatus.com 항목 | 사양

WebGPU: 텍스처 뷰 사용

소스 텍스처에서 사용 플래그의 하위 집합을 요청하는 선택적 필드를 WebGPU 텍스처 뷰 생성에 추가합니다.

기본적으로 텍스처 뷰 사용은 소스 텍스처에서 상속되지만 상속된 전체 사용과 호환되지 않을 수 있는 뷰 형식이 있습니다. 텍스처 뷰 생성에 사용 필드를 추가하면 사용자가 뷰 형식에서 유효하고 텍스처 뷰의 의도된 사용과 관련된 소스 텍스처 사용의 하위 집합을 요청할 수 있습니다.

WebGPU 구현은 하위 수준 리소스 생성을 최적화하고 더 전문적인 사용 플래그가 있는 뷰를 사용할 때 성능을 개선할 수도 있습니다.

버그 추적 #363903526 | ChromeStatus.com 항목 | 사양

출처 무료 체험판

매직 주석을 사용한 명시적 컴파일 힌트

이 기능을 사용하면 JavaScript 파일에서 적극적으로 파싱 및 컴파일해야 하는 함수에 관한 정보를 연결할 수 있습니다. 이 정보는 매직 주석으로 인코딩됩니다.

출처 무료 체험판 | 설명 | 버그 추적 #42203853 | ChromeStatus.com 항목

Document-Isolation-Policy

Document-Isolation-Policy를 사용하면 문서가 COOP 또는 COEP를 배포하지 않고도 페이지의 crossOriginIsolation 상태와 관계없이 자체적으로 crossOriginIsolation를 사용 설정할 수 있습니다. 이 정책은 프로세스 격리가 지원합니다. 또한 CORS가 아닌 교차 출처 하위 리소스는 사용자 인증 정보 없이 로드되거나 CORP 헤더가 있어야 합니다.

시작 버전 체험판 | 버그 추적 #333029146 | ChromeStatus.com 항목 | 사양

지원 중단 및 삭제

navigator.storage는 저장용량 부족 이벤트의 EventTarget로 만들어졌지만 프로토타입 단계를 통과하지 못했습니다. 이 비활성 코드는 삭제되며 그 결과 navigator.storage가 더 이상 EventTarget를 확장하지 않습니다.

ChromeStatus.com 항목 | 사양

접두사가 있는 HTMLVideoElement 전체 화면 API 삭제

접두사가 있는 HTMLVideoElement 전체 화면 API가 Chrome에서 지원 중단되었습니다.

2018년 Chrome 71에서 접두사가 없는 버전으로 처음 출시된 Element.requestFullscreen() API로 대체되었습니다. 2024년 현재 대부분의 브라우저는 몇 년 동안 접두사가 없는 API를 지원해 왔습니다.

Chrome 132에서는 HTMLVideoElement에서 다음을 삭제합니다.

  • webkitSupportsFullscreen 속성
  • webkitDisplayingFullscreen 속성
  • webkitEnterFullscreen() 메서드.
  • webkitExitFullscreen() 메서드. FullScreen의 'S'가 대소문자가 다릅니다.
  • webkitEnterFullScreen() 메서드.
  • webkitExitFullScreen() 메서드.

이제 이러한 메서드는 최신 API의 별칭일 뿐입니다. 그 사용 빈도는 지난 몇 년간 점차 줄어들었습니다.

ChromeStatus.com 항목

추가 자료

더 많은 정보를 찾고 싶으신가요? 다음 추가 리소스를 확인하세요.

Chrome 다운로드

Android, 데스크톱 또는 iOS용 Chrome을 다운로드합니다.