게시일: 2024년 11월 13일
별도의 언급이 없는 한 다음 변경사항은 Android, ChromeOS, Linux, macOS, Windows용 최신 Chrome 베타 채널 출시에 적용됩니다. 제공된 링크 또는 ChromeStatus.com의 목록에서 여기에 나열된 기능에 대해 자세히 알아보세요. Chrome 132는 2024년 11월 13일 현재 베타 버전입니다. 데스크톱의 Google.com 또는 Android의 Google Play 스토어에서 최신 버전을 다운로드할 수 있습니다.
CSS
이 출시에서는 두 가지 새로운 CSS 기능이 추가되었습니다.
CSS 앵커 포지셔닝: inset 및 margin 속성에서 anchor-size() 허용
원래 anchor-size()는 크기 조절 속성에서만 허용되었습니다. 인셋과 여백에서도 anchor-size()를 허용하도록 사양이 변경되었습니다.
CSS 측면 쓰기 모드
writing-mode CSS 속성에 sideways-rl 및 sideways-lr 키워드 지원 sideways-rl 및 sideways-lr는 CJK 외 텍스트를 세로로 쓰는 데 유용합니다. vertical-rl 및 vertical-lr와 달리 CJK 언어에 적합한 동작이 없습니다.
Web API
모든 화면 캡처
getAllScreensMedia()를 사용하여 현재 기기에 연결된 모든 화면을 캡처합니다.
getDisplayMedia()를 여러 번 호출하려면 여러 사용자 동작이 필요하고 매번 다음 화면을 선택해야 하는 부담이 사용자에게 주어지며 앱에 모든 화면이 선택되었는지 보장되지 않습니다. getAllScreensMedia() 메서드는 이러한 모든 측면에서 개선됩니다.
이 기능은 데스크톱에서만 제공됩니다.
대화상자 전환 이벤트
<dialog> 요소가 열리고 닫히는 시점을 알면 유용하며 popover에는 이미 팝오버가 열리거나 닫힐 때 전달되는 ToggleEvent가 있습니다.
이전에는 <dialog>가 열리는 시점을 감지하기 위해 변형 관찰자를 등록하여 열림을 확인해야 했지만, 이는 이벤트가 더 쉬운 상당히 많은 작업입니다.
이 변경사항은 팝오버에서 전달하는 것과 동일한 ToggleEvent를 <dialog> 요소에 통합합니다. showModal 또는 show가 호출되면 <dialog>는 newState=open를 사용하여 ToggleEvent를 전달합니다. <dialog>가 닫히면 (양식, 버튼 또는 closewatcher 사용) newState=closed로 ToggleEvent를 전달해야 합니다.
요소 캡처
탭 캡처를 시작하는 기존 수단을 통해 얻은 동영상 MediaStreamTrack를 고려할 때, 요소 캡처를 사용하면 트랙을 변경하여 특정 요소에서 시작하는 DOM의 하위 트리만 캡처할 수 있습니다.
이 API는 Region Capture API와 약간 유사하지만 가리는 콘텐츠와 가려진 콘텐츠가 모두 캡처에서 제외되므로 애플리케이션에 더 큰 유연성을 제공합니다.
FedCM 승인 기능
여기에는 ID 공급업체 (IdP)가 사용자가 신뢰 당사자 (RP)에 캘린더에 대한 액세스 권한을 부여하도록 허용하는 등 승인 흐름을 구현하는 데 사용할 수 있는 몇 가지 기능이 번들로 제공됩니다. 특히 다음에 주의해야 합니다.
- IdP는 권한에 관한 맞춤 메시지 (연속 API)를 표시할 수 있어야 합니다.
- RP는 IdP에 액세스하려는 항목을 전달할 수 있는 확장 가능한 방법 (parameters API)이 필요합니다.
- 이 경우 RP는 다른 정보를 요청하므로 (fields API) '이름, 이메일 주소, 프로필 사진'을 공유하는 IdP를 언급하는 텍스트를 맞춤설정하거나 숨겨야 합니다.
- IdP는 승인 흐름을 구현하기 위해 다른 엔드포인트 (여러 configURL)를 사용하고 싶을 수 있습니다.
- 특정 계정은 인증 및 승인 흐름 중 하나만 사용할 수 있으므로 두 흐름에 서로 다른 계정을 표시하는 방법이 필요합니다 (계정 라벨 API).
FedCM Mode API 및 Use Other Account API
FedCM의 두 가지 새로운 확장 프로그램:
- 모드:
active모드를 사용하면 웹사이트에서 버튼 클릭 (예: IdP에 로그인 버튼 클릭) 내에서 FedCM을 호출할 수 있습니다. 이 경우 FedCM은 항상 표시된 사용자 인터페이스로 응답해야 합니다. 활성 모드에서 FedCM API를 호출하면 사용자가 로그아웃되어 있을 때 ID 공급업체 (IdP)에 로그인하게 됩니다. 또한 활성 모드는 명시적 사용자 동작 내에서 호출되므로 UI는 수동 모드의 UI (사용자 동작 요구사항이 필요하지 않으며 페이지 로드 시 호출할 수 있음)에 비해 더 눈에 띄게 표시됩니다 (예: 가운데 정렬 및 모달). - 다른 계정 사용: 이 확장 프로그램을 사용하면 IdP에서 사용자가 다른 계정에 로그인하도록 허용할 수 있습니다.
가져오기: Request.bytes() 및 Response.bytes()
Uint8Array로 확인되는 프로미스를 반환하는 bytes() 메서드를 Request 및 Response 인터페이스에 추가합니다. Request 및 Response에는 arrayBuffer() 메서드가 있지만 버퍼에서 직접 읽을 수는 없습니다. 이를 읽으려면 Uint8Array와 같은 뷰를 만들어야 합니다. bytes() 메서드는 요청 및 응답의 본문을 가져오는 작업의 인체공학을 개선합니다.
Android 및 WebView의 파일 시스템 액세스
이 API를 사용하면 개발자가 기기의 파일 시스템을 사용하여 사용자 기기의 다른(웹이 아닌) 앱과 상호작용하는 강력한 앱을 빌드할 수 있습니다. 사용자가 웹 앱 액세스 권한을 부여하면 이 API를 통해 앱이 사용자가 선택한 파일과 폴더를 직접 읽거나 변경사항을 저장할 수 있습니다. 이 API는 파일을 읽고 쓰는 것 외에도 디렉터리를 열고 콘텐츠를 열거할 뿐만 아니라 나중에 동일한 콘텐츠에 다시 액세스할 수 있도록 IndexedDB에 파일 및 디렉터리 핸들을 저장하는 기능을 제공합니다.
파일 시스템 액세스는 Chrome 86의 데스크톱에서 제공되었으며 Chrome 132부터 Android 및 WebView에서 사용할 수 있습니다.
localhost의 Strict-Transport-Security 무시
Strict-Transport-Security (STS) 응답 헤더는 모든 포트에서 호스트 전체에 적용되므로 localhost 웹 서버에 문제가 발생할 수 있습니다. 이로 인해 로컬에서 테스트하는 웹 개발자에게 호환성 문제가 발생합니다. 또한 일시적인 이유로 localhost 웹 서버를 시작하는 소프트웨어 패키지를 사용하는 최종 사용자에게도 영향을 미칩니다. 예를 들어 웹 로그인에서 로컬 소프트웨어 패키지로 인증 토큰을 전송하는 경우를 들 수 있습니다. 로컬 리스너 하나가 localhost 응답에 Strict-Transport-Security를 설정하면 포트에 관계없이 후속 localhost 요청에 모두 적용됩니다.
Chrome 132에서는 localhost URL의 응답에서 Strict-Transport-Security 헤더를 무시하여 이 문제를 해결합니다.
키보드 포커스 가능 스크롤 컨테이너
이 기능의 출시 (Chrome 130부터)는 접근성 회귀로 인해 중단되었습니다. 이 문제가 수정되었으며 Chrome 132부터 이 기능이 계속 출시됩니다.
Private State Tokens API 권한 정책 기본 허용 목록 와일드 카드
Private State Tokens API에 대한 액세스는 권한 정책 기능에 의해 제한됩니다.
Chrome 132에서는 private-state-token-issuance 및 private-state-token-redemption 기능의 기본 허용 목록을 self에서 * (와일드 카드)로 업데이트합니다.
PushMessageData::bytes()
PushMessageData 인터페이스는 API가 일반적으로 바이트 버퍼를 Uint8Arrays로 제공해야 한다는 원칙에 따라 올해 초에 새 bytes() 메서드로 수정된 Body 인터페이스를 모방합니다. Chrome 132는 PushMessageData 인터페이스에도 bytes() 어세서를 제공하여 Body 인터페이스와 다시 정렬합니다.
sharedStorage.selectURL에 저장된 쿼리
이제 sharedStorage.selectURL()를 사용하면 페이지별로 쿼리를 저장하고 재사용할 수 있습니다. 저장된 쿼리가 처음 실행될 때는 페이지당 로드 예산 2개가 청구되지만 동일한 페이지 로드 중에 저장된 쿼리를 다시 실행할 때는 청구되지 않습니다. 이는 쿼리 이름을 지정하는 selectURL() 옵션의 savedQuery 매개변수를 사용하여 실행할 수 있습니다.
비활성 문서의 팝오버 및 대화상자에 관한 예외 발생
이전에는 비활성 문서 내에 있는 팝오버 또는 대화상자에서 showPopover() 또는 showModal()를 호출하면 자동으로 실패했습니다. 예외가 발생하지는 않지만 문서가 비활성 상태이므로 팝오버나 대화상자가 표시되지 않습니다. Chrome 132부터 이러한 상황에서 InvalidStateError이 발생합니다.
WebAuthn Signal API
WebAuthn 신뢰 당사자가 잘못되거나 취소된 사용자 인증 정보를 사용자 인증 정보 저장소 제공업체에 다시 신호를 보내도록 허용하여 제공업체 및 시스템 UI에서 업데이트하거나 삭제할 수 있습니다.
Chrome 데스크톱의 패스키용 Signal API에 관해 자세히 알아보세요.
WebGPU: 32비트 부동 소수점 텍스처 블렌딩
float32-blendable GPU 기능을 사용하면 r32float, rg32float, rgba32float 형식의 GPU 텍스처를 혼합할 수 있습니다.
WebGPU: GPUDevice에서 GPUAdapterInfo 노출
GPUDevice adapterInfo 속성은 GPUAdapter 객체와 동일한 GPUAdapterInfo를 노출합니다.
WebGPU: 텍스처 뷰 사용
소스 텍스처에서 사용 플래그의 하위 집합을 요청하는 선택적 필드를 WebGPU 텍스처 뷰 생성에 추가합니다.
기본적으로 텍스처 뷰 사용은 소스 텍스처에서 상속되지만 상속된 전체 사용과 호환되지 않을 수 있는 뷰 형식이 있습니다. 텍스처 뷰 생성에 사용량 필드를 추가하면 사용자가 뷰 형식과 관련하여 유효하고 텍스처 뷰의 의도된 사용량과 관련된 소스 텍스처 사용량의 하위 집합을 요청할 수 있습니다.
WebGPU 구현은 하위 수준 리소스 생성을 최적화하고 더 전문적인 사용 플래그가 있는 뷰를 사용할 때 성능을 개선할 수도 있습니다.
새로운 오리진 트라이얼
Chrome 132에서는 다음과 같은 새로운 출처 무료 체험판을 선택할 수 있습니다.
Document-Isolation-Policy
Document-Isolation-Policy를 사용하면 문서가 COOP 또는 COEP를 배포하지 않고도 페이지의 crossOriginIsolation 상태와 관계없이 자체적으로 crossOriginIsolation를 사용 설정할 수 있습니다. 이 정책은 프로세스 격리가 지원합니다. 또한 CORS가 아닌 교차 출처 하위 리소스는 사용자 인증 정보 없이 로드되거나 CORP 헤더가 있어야 합니다.
매직 주석을 사용한 명시적 컴파일 힌트
이 기능을 사용하면 JavaScript 파일에서 조기 파싱 및 컴파일해야 하는 함수에 관한 정보를 첨부할 수 있습니다. 이 정보는 매직 주석으로 인코딩됩니다.
지원 중단 및 삭제
이 버전의 Chrome에서는 다음과 같은 지원 중단 및 삭제가 적용됩니다. 계획된 지원 중단, 현재 지원 중단, 이전 삭제 목록은 ChromeStatus.com을 참고하세요.
이 Chrome 출시에서는 두 가지 기능이 삭제됩니다.
navigator.storage이(가) 더 이상 EventTarget이 아닙니다.
navigator.storage는 저장용량 부족 이벤트의 EventTarget로 만들어졌지만 프로토타입 단계를 통과하지 못했습니다. 이 비활성 코드는 삭제되므로 navigator.storage가 더 이상 EventTarget를 확장하지 않습니다.
접두사가 있는 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의 별칭일 뿐입니다. 그 사용 빈도는 지난 몇 년간 점차 감소했습니다.