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