안정화 버전 출시일: 2024년 6월 11일
달리 명시되지 않는 한 다음 변경사항은 Android, ChromeOS, Linux, macOS, Windows용 Chrome 126 안정화 버전 채널 출시에 적용됩니다.
CSS
동일 출처 탐색의 문서 간 뷰 전환
이전에는 View Transitions API를 사용하기 위해 웹사이트를 SPA로 재설계해야 했습니다. 더 이상 그렇지 않습니다. 이제 동일한 출처 탐색에 뷰 전환이 기본적으로 사용 설정됩니다. 출처가 동일한 두 문서 간에 뷰 전환을 만들 수 있습니다.
문서 간 보기 전환을 사용하려면 양측이 모두 선택해야 합니다. 이렇게 하려면 @view-transition at-rule을 사용하고 navigation 설명자를 auto로 설정합니다.
@view-transition {
navigation: auto;
}
문서 간 뷰 전환은 동일한 문서 뷰 전환과 동일한 빌딩 블록과 원칙을 사용합니다. view-transition-name이 적용된 요소가 캡처되고 CSS 애니메이션을 사용하여 애니메이션을 맞춤설정할 수 있습니다.
View Transition API를 사용한 원활한 전환 | 버그 추적 #1372584 | ChromeStatus.com 항목 | 사양
Web API
Gamepad API 트리거 럼블 확장 프로그램
GamepadHapticActuator 인터페이스를 확장하여 호환되는 게임패드의 웹에서 트리거 럼블 기능을 노출합니다. 이 확장 프로그램을 사용하면 Gamepad API를 활용하는 웹 애플리케이션이 이 기능이 내장된 게임패드 기기의 트리거도 진동할 수 있습니다.
버그 추적 #40834175 | ChromeStatus.com 항목 | 사양
ChromeOS 탭으로 표시된 웹 앱
독립형 창의 PWA에서는 한 번에 한 페이지만 열 수 있습니다. 일부 앱은 사용자가 한 번에 여러 페이지를 열 것으로 예상합니다. 탭 모드는 ChromeOS의 독립형 웹 앱에 탭 스트립을 추가하여 한 번에 여러 탭을 열 수 있도록 합니다.
이 기능은 "tabbed"의 새 표시 모드와 새 매니페스트 필드를 추가하여 탭 표시줄을 맞춤설정할 수 있습니다.
버그 추적 #40598974 | ChromeStatus.com 항목 | 사양
GeolocationCoordinates 및 GeolocationPosition의 toJSON() 메서드
.toJSON() 메서드를 GeolocationCoordinates 및 GeolocationPosition 인터페이스에 추가합니다. 이렇게 하면 JSON.stringify()로 이러한 객체를 직렬화할 수 있습니다.
WebGLObject Web IDL 상위 인터페이스
이 기능은 WebGL API가 노출된 동일한 컨텍스트(기본 스레드 및 작업자)에서 WebGLObject 유형을 노출합니다.
CloseWatcher API 다시 사용 설정 및 <dialog> 및 popover="" 요청 닫기
CloseWatcher API를 사용하면 데스크톱 플랫폼의 ESC 키 또는 Android의 뒤로 동작 또는 버튼과 같은 닫기 요청을 동일한 방식으로 처리할 수 있습니다.
이 기능은 원래 Chrome 120에서 제공되었지만 <dialog>과의 예기치 않은 상호작용으로 인해 사용 중지되었습니다.
발생하는 문제를 최소화하기 위해 동작을 일부 개선한 후 Chrome 126에서 다시 사용 설정되었습니다.
데모 | 버그 추적 #1171318 | ChromeStatus.com 항목
Attribution Reporting API: attributionsrc 요청에 대한 리퍼러 정책
attributionsrc 요청은 페이지의 다른 하위 리소스처럼 처리됩니다.
이전에는 다양한 html 요소 (예: <img>, <script>, <a>, window.open)의 일부로 attributionsrc 속성을 사용하여 API를 호출할 때 <html> 요소에 설정된 리소스 수준 리퍼러 정책 속성이 무시되었습니다.
이번 변경으로 attributionsrc 요청은 <img>, <script>, <a> 또는 window.open에 설정된 동일한 리소스 수준 리퍼러 정책을 적용합니다.
이를 통해 광고 기술은 attributionsrc 요청의 리퍼러 정보와 관련하여 더 제한적인 제한을 적용할지, 아니면 덜 제한할지를 더 세밀하게 제어할 수 있습니다.
미디어
MediaRecorder에 MP4 컨테이너 지원
MediaRecorder를 사용하여 오디오 및 동영상을 MP4 컨테이너로 다중화하기 위한 지원을 추가합니다.
MediaRecorder | ChromeStatus.com 항목 | 사양
OpusEncoderConfig signal 및 application 매개변수
OpusEncoderConfig.signal 및 OpusEncoderConfig.application 매개변수는 구현별 인코더 노브에 직접 매핑됩니다. 이를 통해 웹 작성자는 인코딩되는 데이터 유형과 데이터가 사용되는 컨텍스트에 관한 힌트를 제공할 수 있습니다.
signal는 "auto", "music", "voice" 중 하나일 수 있습니다. 지정된 데이터 유형을 인코딩할 때 최상의 성능을 낼 수 있도록 인코더를 구성합니다. application는 "voip", "audio", "lowdelay" 중 하나일 수 있습니다. 음성 명료도, 원래 입력의 충실한 재현 또는 최소한의 지연 시간을 우선시하도록 인코더를 구성합니다.
JavaScript
visualViewport onscrollend 지원
scrollend JavaScript 이벤트가 실행되어 스크롤 작업이 종료되었음을 알립니다.
visualViewport 인터페이스에는 visualViewport에서 스크롤 작업이 종료될 때 호출해야 하는 onscrollend 이벤트 핸들러가 포함되어 있습니다. Chrome은 이미 visualViewport.addEventListener("scrollend")를 통해 Scrollend 이벤트 리스너 추가를 지원하고 있습니다. 이렇게 하면 visualViewport.onscrollend를 사용하여 이벤트 리스너를 추가할 수도 있습니다.
버그 추적 #325307785 | ChromeStatus.com 항목
개인 정보 보호
navigator.cookieEnabled를 사양에 정렬
navigator.cookieEnabled는 현재 특정 컨텍스트에서 '사용자 에이전트가 쿠키를 처리하려고 시도'하는지를 나타냅니다. 서드 파티 쿠키 지원 중단 (3PCD)의 일환으로 Chrome이 변경되면서 파티션을 나누지 않은 쿠키 액세스가 가능한지 여부를 나타내게 됩니다 (대부분의 교차 사이트 iframe에서 false가 반환됨). 사이트에서 쿠키가 사용 설정 또는 사용 중지된 경우에만 표시된 이전 navigator.cookieEnabled 동작을 복원하고 교차 공급업체 함수 document.hasStorageAccess를 사용하여 파티션을 나누지 않은 쿠키 액세스의 가능 여부를 나타내야 합니다.
버그 추적 #335553590 | ChromeStatus.com 항목 | 사양
접근성
Windows에서 UI 자동화 접근성 프레임워크 지원
Microsoft Windows의 최신 보조 애플리케이션은 플랫폼의 UI 자동화 접근성 프레임워크를 사용하여 다른 애플리케이션의 사용자 인터페이스와 상호 운용합니다. 지금까지 Chromium은 이러한 목적으로 이전의 Microsoft Active Accessibility (MSAA)와 IAccessible2 (IA2) 프레임워크를 지원했는데, 이로 인해 Windows의 접근성 도구에 문제가 발생했습니다.
이 문제를 해결하기 위해 Microsoft는 Chrome팀과 협력하여 Windows에서 UI 자동화 (UIA) 프레임워크를 직접 지원하여 접근성 도구가 브라우저와 더 쉽게 통신할 수 있도록 했습니다. Chrome 버전 126부터 단계적으로 안정화 버전을 출시할 예정입니다. 이렇게 하면 모든 Chromium 기반 브라우저에서 음성 액세스가 작동할 수 있으며 내레이터 및 돋보기와 같은 모든 UIA 기반 접근성 도구의 사용자 환경이 개선됩니다.
새로운 오리진 트라이얼
Storage Access API의 신뢰 신호로서의 FedCM
이전 FedCM이 스토리지 액세스 요청을 자동으로 승인하는 타당한 이유를 부여하여 FedCM 및 Storage Access API를 조정합니다.
사용자가 신뢰 당사자 (RP)에서 서드 파티 ID 공급업체 (IdP)를 통해 ID를 사용할 수 있도록 권한을 부여하면 많은 IdP에서 올바르고 안전하게 작동하려면 서드 파티 쿠키가 필요합니다. 이 제안서는 저장소 액세스 메시지를 통해 부여된 권한 부여뿐만 아니라 FedCM 프롬프트에서 부여한 권한 부여도 수락하도록 Storage Access API(SAA) 권한 확인을 업데이트하여 이러한 요구사항을 비공개로 안전하게 충족하는 것을 목표로 합니다.
이 메커니즘의 주요 속성은 FedCM 권한 정책을 통해 RP가 명시적으로 허용하는 사례로 부여를 제한하여 RP의 프레임별 제어를 적용하고 FedCM이 이미 부여한 기능 이상으로 IdP의 수동 감시를 방지하는 것입니다.
오리진 트라이얼 | 설명 자료 | ChromeStatus.com 항목
미디어 미리보기 선택 해제
리버스 오리진 트라이얼에서는 미디어 미리보기 출시 대상에서 사이트가 제외됩니다.
웹사이트에서 카메라 및 마이크 권한을 요청할 때 Chrome은 카메라 및 마이크 입력의 실시간 미리보기를 제공합니다. 사이트의 페이지 정보에서도 확인할 수 있습니다.
또한 여러 기기를 사용하는 사용자는 사이트에서 getUserMedia()를 통해 특정 기기를 요청하지 않는 한 권한이 요청될 때 카메라와 마이크를 선택할 수 있습니다.
오리진 트라이얼 | 버그 추적 #330762482 | ChromeStatus.com 항목
FedCM: Continuation API, Parameters API, Field API, 여러 configURL, 맞춤 계정 라벨
개발자는 승인을 포함할 수 있는 데스크톱 FedCM 기능 번들의 오리진 트라이얼에 참여할 수 있습니다. 번들은 FedCM Continuation API, Parameter API, Field API, 여러 configURL, 맞춤 계정 라벨로 구성됩니다. 이렇게 하면 IdP에서 제공하는 권한 대화상자와 관련된 OAuth 승인 흐름과 유사한 환경이 사용 설정됩니다.
버그 추적 #40262526 | ChromeStatus.com 항목
페이지 삽입 권한 제어
권한 흐름과 상호작용하는 새 HTML 요소를 제공합니다.
권한 메시지는 현재 사용자 에이전트가 사용자 의도를 잘 감지하지 못하는 경우 JavaScript에서 직접 트리거됩니다. 사용자가 권한 흐름을 트리거하는 데 사용하는 콘텐츠 내 요소가 있으면 사용자를 위한 권한 요청 UX가 개선될 뿐만 아니라 사이트의 '거부됨' 권한 상태에서 복구 경로가 지원됩니다.
지원 중단 및 삭제
가져오기 어설션 '어설션' 문법 지원 중단 및 삭제
가져오기 속성 구문에서 assert 키워드를 지원 중단하고 삭제하고 새 with 키워드로 사용합니다.
즉, 이제 import m from 'foo' assert { type: 'json' }에서 SyntaxError가 발생하며 개발자는 import m from 'foo' with { type: 'json' }로 변경해야 합니다.
추가 자료
더 많은 정보를 찾고 싶으신가요? 추가 리소스를 확인해 보세요.
- Chrome 126의 새로운 기능
- Chrome DevTools 126의 새로운 기능
- Chrome 126의 ChromeStatus.com 업데이트
- Chrome 출시 캘린더
- 예정된 지원 중단
- 예정된 삭제 항목