다음 사항에 유의하시기 바랍니다.
- 교차 문서 전환이 View Transitions API에서 새로 지원됩니다.
- CloseWatcher API를 다시 사용할 수 있습니다.
- 이제 Gamepad API에 trigger-rumble이 포함됩니다.
- 그 밖에도 다양한 기능이 있습니다.
저는 아드리아나 자라입니다. Chrome 126의 개발자용 새로운 기능을 자세히 살펴보겠습니다.
동일 출처 탐색을 위한 교차 문서 뷰 전환
View Transitions API를 사용하면 여러 뷰 간에 원활한 시각적 전환을 만들 수 있으며 이제 동일 출처 탐색에 기본적으로 사용할 수 있습니다. 이전에는 단일 페이지 애플리케이션 아키텍처에서만 사용할 수 있었습니다.
교차 문서 뷰 전환을 구현하려면 양쪽 모두에서 선택해야 합니다. 이렇게 하려면 view-transition at-rule을 사용하고 탐색 설명자를 auto로 설정합니다.
교차 문서 뷰 전환은 동일 문서 뷰 전환과 동일한 구성요소와 원칙을 사용합니다.
@view-transition {
navigation: auto;
}
자세한 내용은 View Transition API를 사용한 원활한 전환을 참고하세요. 샘플도 확인해 보세요.
CloseWatcher API가 다시 사용 설정되었습니다.
<dialog> 및 popover="" 요소의 경우 CloseWatcher API를 사용하면 데스크톱 플랫폼의 ESC 키나 Android의 뒤로 동작과 같은 닫기 요청을 더 쉽게 처리할 수 있습니다.
이 기능은 Chrome 120에서 처음 제공되었지만 대화상자 요소와 예기치 않은 상호작용으로 인해 사용 중지되었습니다. 이전 문제를 최소화하기 위한 개선사항이 적용된 후 Chrome 126에서 다시 사용 설정되었습니다.
CloseWatcher 사용 방법을 알아보려면 데모를 참고하세요.
Gamepad API 트리거-rumble 확장 프로그램
이제 트리거 럼블 기능이 Gamepad API의 일부입니다. 호환되는 컨트롤러에 대한 웹 게임 환경을 개선합니다.
trigger-rumble는 사용자에게 햅틱 피드백을 제공하도록 설계된 컨트롤러의 하드웨어를 나타내는 인터페이스인 GamepadHapticActuator를 확장합니다 (제공되는 경우). trigger-rumble를 사용하면 Gamepad API를 사용하는 웹 애플리케이션에서 게임패드 기기의 트리거도 진동시킬 수 있습니다.
다음 코드를 사용하면 브라우저에서 기능이 지원되는지, 그리고 어떻게 트리거할지 확인할 수 있습니다.trigger-rumble
// This assumes a `Gamepad` as the value of the `gamepad` variable.
const triggerRumble = (gamepad, delay = 0, duration = 100, weak = 1.0, strong = 1.0) => {
if (!('vibrationActuator' in gamepad)) {
return;
}
// Feature detection.
if (!('effects' in gamepad.vibrationActuator) || !gamepad.vibrationActuator.effects.includes('trigger-rumble')) {
return;
}
gamepad.vibrationActuator.playEffect('trigger-rumble', {
// Duration in ms.
duration: duration,
// The left trigger (between 0 and 1).
leftTrigger: leftTrigger,
// The right trigger (between 0 and 1).
rightTrigger: rightTrigger,
});
};
게임패드로 Chrome 공룡 게임 플레이하기에서 Gamepad API를 최대한 활용하는 방법을 자세히 알아보세요.
그 외에도 다양한 기능 제공
물론 그 외에도 많은 기능이 있습니다.
이제
GeolocationCoordinates및GeolocationPosition에.toJSON()메서드가 포함됩니다.DevTools 업데이트에서 애플리케이션 > 스토리지 섹션의 전용 트리에서 스토리지 버킷을 검사할 수 있습니다.
이제 ChromeOS에서 웹 앱용 탭 모드를 지원합니다.
추가 자료
여기에는 일부 주요 내용만 포함되어 있습니다. Chrome 126의 추가 변경사항은 다음 링크를 확인하세요.
- Chrome DevTools의 새로운 기능 (126)
- Chrome 126의 ChromeStatus.com 업데이트
- Chromium 소스 저장소 변경사항 목록
- Chrome 출시 캘린더
구독
최신 소식을 확인하려면 Chrome 개발자 YouTube 채널을 구독하세요. 새 동영상이 출시될 때마다 이메일 알림을 받게 됩니다.
저는 아드리아나 자라입니다. Chrome 127이 출시되는 대로 Chrome의 새로운 기능을 바로 알려드리겠습니다.