Chrome 124

달리 명시되지 않는 한 다음 변경사항은 Android, ChromeOS, Linux, macOS, Windows용 Chrome 124 안정화 버전 채널 출시에 적용됩니다. 제공된 링크 또는 ChromeStatus.com의 목록을 통해 여기에 나열된 기능에 관해 자세히 알아보세요. Chrome 124는 2024년 4월 16일부터 안정화되어 있습니다. 데스크톱용 Google.com 또는 Android의 경우 Google Play 스토어에서 최신 버전을 다운로드할 수 있습니다.

하이라이트만 보고 싶으신가요? Chrome 124의 새로운 기능을 확인해 보세요.

브라우저 변경사항 및 개발자 도구

범용 설치

현재 PWA 설치 가능 기준을 충족하지 않는 페이지도 설치할 수 있도록 만듭니다.

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

순차 포커스 탐색을 사용하여 스크롤 컨테이너를 포커스 가능하게 만들어 접근성을 개선합니다. 이 변경 전에는 tabIndex이 명시적으로 0 이상으로 설정되어 있지 않으면 Tab 키로 스크롤러에 포커스를 맞추지 않습니다.

기본적으로 스크롤러를 포커스 가능하게 만들면 마우스를 사용할 수 없거나 사용하지 않으려는 사용자가 키보드의 탭과 화살표 키를 사용하여 잘린 콘텐츠에 포커스를 둘 수 있습니다. 이 동작은 스크롤러에 키보드 포커스 가능 하위 요소가 포함되어 있지 않은 경우에만 사용 설정됩니다.

이 기능은 Chrome 124부터 점진적으로 출시되며 Chrome 125부터 모든 사용자에게 제공됩니다.

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

Web MIDI API 권한 메시지

이 기능은 권한 메시지 뒤에서 웹 MIDI API 액세스를 제어합니다. 이전에는 Web MIDI API로 SysEx 메시지를 사용하려면 명시적인 사용자 권한이 필요했습니다.Chrome 125부터 Web MIDI API에 액세스하려면 사용자 권한이 필요합니다.

이 기능은 Chrome 124부터 점진적으로 출시되며 Chrome 125부터 모든 사용자에게 제공됩니다.

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

HTML 및 DOM

writingsuggestions 속성

브라우저는 사용자가 웹에서 수정 가능한 다양한 필드에 입력할 때 작성 제안을 제공하기 시작했습니다. 이 기능은 일반적으로 사용자에게 유용하지만 개발자가 비슷한 기능을 제공하는 확장 프로그램이나 사이트와 같이 브라우저에서 제공하는 쓰기 지원을 사용 중지하려는 경우도 있습니다.

새 속성 writingsuggestions에는 개발자가 브라우저에서 제공하는 추천 단어를 사용 설정하거나 사용 중지할 수 있는 true 또는 false 값이 있습니다. 요소의 속성 상태는 상위 요소에서 상속될 수도 있으므로 개발자는 요소별, 문서별 또는 하위 문서 규모로 이 기능을 제어할 수 있습니다.

ChromeStatus.com 항목 | 사양

로드 중

Sec-CH-UA-Form-Factors 클라이언트 힌트

이 힌트는 사용자 에이전트의 폼 팩터에 관한 정보를 서버에게 제공합니다. 다음 폼 팩터 값 중 하나 이상을 반환합니다.

  • 데스크톱: 개인용 컴퓨터에서 실행되는 사용자 에이전트입니다.
  • Automotive: 차량에 삽입된 사용자 에이전트로, 사용자가 차량을 책임질 수 있으며 사소한 세부정보에는 주의할 수 없습니다.
  • 모바일: 일반적으로 사용자의 몸에 휴대하는 터치 지향형 소형 기기입니다.
  • 태블릿: '모바일'보다 큰 터치 지향 기기이며 일반적으로 사용자의 사람에게 옮겨지지 않습니다.
  • XR: 사용자 주변 환경을 보강하거나 대체하는 몰입형 기기입니다.
  • EInk: 화면 업데이트가 느리고 색상 해상도가 제한되거나 없는 것이 특징인 기기입니다.
  • 시계: 작은 화면 (일반적으로 2인치 미만)의 휴대기기로, 사용자가 화면을 빠르게 볼 수 있도록 제공됩니다.

ChromeStatus.com 항목 | 사양

혼합 콘텐츠를 완화하기 위한 비공개 네트워크 액세스 권한

전역적으로 고유한 이름이 없어 TLS 인증서를 가져올 수 없는 로컬 네트워크의 기기에 연결을 설정하기 위해 이 기능에는 이러한 기기와 통신하려는 개발자의 인텐트를 선언하는 새로운 fetch() 옵션이 도입되었습니다. 여기에는 각 사이트의 이 기능에 대한 액세스를 통제하는 새로운 정책 제어 기능과 추가 메타데이터를 제공하는 서버의 프리플라이트 응답의 새 헤더가 포함됩니다.

ChromeStatus.com 항목 | 사양

priority HTTP 요청 헤더

이렇게 하면 전송 당시 요청의 우선순위 정보와 함께 모든 HTTP 요청에 대한 priority 요청 헤더가 추가됩니다.

RFC 9218 (HTTP용 확장 가능한 우선순위 체계)은 출처 (및 중개)에 요청 우선순위를 알리는 데 사용할 priority HTTP 요청 헤더를 정의합니다. 또한 HTTP/2 및 HTTP/3에서 동일한 우선순위 정보를 전달하기 위한 협상 프로세스와 프로토콜 수준 프레임도 정의합니다.

헤더는 리소스가 처음 요청되었을 때만 리소스의 초기 우선순위를 알릴 수 있는 반면, 프레임 기반 메커니즘은 이후 우선순위를 수정할 수 있습니다.

헤더는 프레임이 링크 수준에서 작동하도록 제한되는 동안 원본 서버에 대해 엔드 투 엔드로 작동할 수 있고, 중개자에 의해 인식되는 경우 출처가 우선순위를 재정의하는 메커니즘을 제공할 수 있습니다.

이 기능은 특히 헤더 기반 우선순위 지정 체계를 지원하기 위한 것입니다.

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

렌더링 차단 문서화

이 기능을 사용하면 작성자가 중요한 콘텐츠가 파싱될 때까지 문서 렌더링을 차단하여 모든 브라우저에서 일관된 첫 페인트를 보장할 수 있습니다. 이 기능이 없으면 첫 번째 페인트의 상태는 파서 생성의 휴리스틱에 따라 달라지며, 이는 브라우저에 따라 다를 수 있습니다.

이는 첫 번째 프레임에서 파싱된 DOM 상태가 생성된 전환을 크게 변경할 수 있는 뷰 전환에 특히 중요합니다.

이 기능은 링크 요소가 페이지의 다른 예상 요소를 참조할 수 있도록 하는 <link rel=expect href="#id"> 구문을 구현합니다. 그러면 예상 요소가 완전히 파싱될 때까지 렌더링이 차단됩니다. 이는 전체 문서를 렌더링 차단할 수 있는 HTML 속성의 이전 구현을 대체합니다.

ChromeStatus.com 항목 | 사양

TLS용 X25519Kyber768 키 캡슐화

Kyber768 양자 저항 키 계약 알고리즘을 배포하여 향후 양자 암호화 분석으로부터 현재 Chrome TLS 트래픽을 보호합니다.

이는 IETF 표준을 기반으로 하는 하이브리드 X25519 및 Kyber768 키 계약입니다. 이 사양 및 출시는 W3C의 범위를 벗어납니다. 이 키 계약은 TLS 암호화로 실행되며 사용자에게 투명해야 합니다.

하이브리드 Kyber KEM으로 Chrome 트래픽 보호 | 추적 버그 #40910498 | ChromeStatus.com 항목 | 사양

미디어

속성 jitterBufferTarget개

jitterBufferTarget 속성을 사용하면 애플리케이션이 RTCRtpReceiver 잡음 버퍼가 유지할 미디어의 타겟 기간을 밀리초 단위로 지정할 수 있습니다. 이는 사용자 에이전트가 실행하는 버퍼링 양에 영향을 미쳐 재전송 및 패킷 손실 복구에 영향을 줍니다. 타겟 값을 변경하면 애플리케이션이 재생 지연과 네트워크 잡음으로 인한 오디오 또는 동영상 프레임 부족 위험 간의 균형을 제어할 수 있습니다.

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

Web API

WebSocketStream API

WebSocket API는 RFC6455 WebSocket 프로토콜에 JavaScript 인터페이스를 제공합니다. 이 기기는 잘 작동하기는 하지만 인체공학적 관점에서는 어색하고 백프레셔의 중요한 기능이 누락되어 있습니다. WebSocketStream API의 목적은 WhatWG 스트림을 WebSocket API와 통합하여 이러한 결함을 해결하는 것입니다.

WebSocketStream: 스트림을 WebSocket API와 통합 | 추적 버그 #41470216 | ChromeStatus.com 항목 | 사양

setHTMLUnsafe 및 parseHTMLUnsafe

setHTMLUnsafe 및 parseHTMLUnsafe 메서드를 사용하면 JavaScript에서 선언적 Shadow DOM을 사용할 수 있습니다. 이러한 메서드는 innerHTML나 DOMParser에 비해 HTML을 DOM으로 명령적으로 파싱하는 쉬운 방법도 제공합니다.

ChromeStatus.com 항목 | 사양

Streams API: ReadableStream 비동기 반복

Stream API는 데이터 스트림을 생성, 작성, 소비하기 위한 어디에서나 상호 운용 가능한 프리미티브를 제공합니다. 이 변경사항으로 ReadableStream API에 비동기 반복 가능 프로토콜 지원이 추가되어 읽기 가능한 스트림을 await...of 루프의 소스로 사용할 수 있습니다.

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

이벤트 pageswap개

탐색으로 인해 이 문서가 새 문서로 대체되면 문서의 창 객체에서 pageswap 이벤트가 실행됩니다. 이벤트는 탐색에 관한 활성화 정보를 제공합니다 (새 문서의 경우 type, NavigationHistoryEntry).

탐색에 문서 간 뷰 전환이 있으면 이전 문서의 상태를 캡처하기 전에 이벤트가 전달됩니다. 이를 통해 개발자는 탐색의 활성화 정보와 기존 문서의 현재 시각적 상태를 기반으로 전환용으로 캡처된 이전 상태를 구성할 수 있습니다.

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

Attribution Reporting API에 추가된 사항

Attribution Reporting API에 기능을 추가하여 실패 디버그 보고서를 파싱하여 추가 디버깅 기능을 만들고, 원하는 등록 플랫폼을 지정하는 필드를 지원하여 API 에르고노믹스를 개선하고, 개인 정보 보호를 개선합니다.

문서 PIP 모드: 탭으로 돌아가기 버튼을 숨기는 옵션 추가

이렇게 하면 새 매개변수(disallowReturnToOpener)가 Document PIP(picture-in-picture) API에 추가됩니다. 이 매개변수는 true로 설정된 경우 사용자가 오프너 탭으로 돌아갈 수 있는 PIP 모드 창에 버튼을 표시하지 않아야 함을 브라우저에 알립니다.

동영상 PIP 모드의 경우에는 항상 오프너 탭으로 돌아가는 버튼이 적합하지만 (동영상 스트림은 오프너 탭의 동영상 요소로 반환될 수 있음) 문서 PIP 모드에서 항상 그런 것은 아닙니다. 이를 통해 개발자는 이러한 버튼이 사용 사례에 적합하지 않다고 판단할 때 사용자 환경을 더 세밀하게 제어할 수 있습니다.

문서 PIP 모드 문서 | ChromeStatus.com 항목 | 사양

렌더링 및 그래픽

SVG context-fill 및 context-stroke

채우기 및 획 속성을 지정할 때 키워드 context-fill 및 context-stroke를 허용하는 기존 SVG 기능을 구현합니다. 이는 <use> 요소로 인스턴스화된 SVG 하위 트리와 <path> 요소의 marker 속성을 사용하여 인스턴스화된 <marker> 요소에만 영향을 미칩니다. 이러한 상황에서 context-fill 및 context-stroke는 <use> 또는 <path>의 fill 및 stroke 속성 값으로 확인됩니다.

ChromeStatus.com 항목 | 사양

WebGPU: ServiceWorker 및 SharedWorker 지원

기존 WebGL 기능과 마찬가지로 ServiceWorker 및 SharedWorker 지원이 WebGPU에 추가되었습니다.

서비스 워커는 WebGPU의 오프라인 기능과 백그라운드 처리를 지원합니다. 즉, 그래픽 집약적인 웹 애플리케이션 또는 Chrome 확장 프로그램은 사용자가 페이지와 적극적으로 상호작용하지 않을 때도 리소스를 캐시하고 계산을 실행할 수 있습니다.

공유 작업자를 사용하면 여러 탭 또는 확장 프로그램 컨텍스트에서 WebGPU 리소스를 조정하고 공유할 수 있습니다. 이렇게 하면 성능이 더 원활해지고 사용자의 그래픽 하드웨어를 더 효율적으로 사용할 수 있습니다.

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

오리진 트라이얼 진행 중

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

변형 이벤트 지원 중단

DOMSubtreeModified, DOMNodeInserted, DOMNodeRemoved, DOMNodeRemovedFromDocument, DOMNodeInsertedIntoDocument, DOMCharacterDataModified를 비롯한 변형 이벤트는 페이지 성능을 저하시키고 웹에 새로운 기능을 추가하는 데 따르는 복잡성을 크게 증가시킬 수 있습니다. 이러한 API는 2011년에 사양에서 지원 중단되었으며 (2012년에) 훨씬 더 잘 작동하는 Mutation Observer API로 대체되었습니다.

변형 이벤트 지원은 2024년 7월 30일경에 Chrome 127부터 기본적으로 사용 중지됩니다. 사이트가 중단되지 않도록 이 날짜 이전에 코드를 Mutation Observer API로 이전해야 합니다. 시간이 더 필요한 경우 변형 이벤트 지원 중단 트라이얼에 등록하여 특정 사이트에서 제한된 시간 동안 이 기능을 다시 사용 설정하세요. 2025년 3월 25일까지 Chrome 134까지 사용할 수 있습니다.

또는 Chrome 134를 통해서도 MutationEventsEnabled 엔터프라이즈 정책을 동일한 목적으로 사용할 수 있습니다.

오리진 트라이얼 | 추적 버그 #40268638 | ChromeStatus.com 항목 | 사양

지원 중단 및 삭제

이 Chrome 버전에서는 다음과 같은 지원 중단 및 삭제가 이루어집니다. 지원 중단 및 삭제 목록을 보려면 ChromeStatus.com을 방문하세요.

Chrome 124에서는 지원 중단이나 삭제되지 않습니다.

추가 자료

더 자세한 내용을 찾으시나요? 추가 리소스를 확인하세요.