Chrome 128의 새로운 기능

Adriana Jara

다음 사항에 유의하시기 바랍니다.

저는 아드리아나 자라입니다 자세히 알아보고 개발자를 위한 Chrome 128의 새로운 기능을 살펴보겠습니다.

줄바꿈 가능 <ruby>

<ruby> 요소는 특히 동아시아 언어에서 텍스트 표현을 개선합니다. 기본 텍스트 위나 옆에 소리나는 대로 주석이나 기타 추가 정보를 표시할 수 있습니다.

ruby 요소는 기본 텍스트인 ruby 베이스와 요소를 사용하여 마크업된 주석 텍스트인 ruby 텍스트라는 두 가지 주요 부분으로 구성됩니다.

이전에는 루비 기반 또는 루비 텍스트가 전체 줄보다 길면 개별적으로 래핑되어 레이아웃 문제가 발생했습니다.

이제 줄바꿈 가능한 루비를 사용하면 래핑된 기본 텍스트 위에 래핑된 Ruby 주석 텍스트를 배치하여 이상적인 텍스트 렌더링을 달성할 수 있습니다.

예시 및 자세한 내용은 줄바꿈 가능한 <ruby> 및 CSS 루비 정렬 속성을 참고하세요.

Promise.try

Promise.try를 사용하면 프로미스의 오류를 더 쉽게 처리할 수 있습니다. 함수 f가 있는 패턴이 있습니다. 이 함수는 비동기 함수일 수 있으며 프로미스를 반환할 수도 있고 아닐 수도 있습니다. 프로미스 의미 체계를 사용하여 두 경우 모두 오류를 처리하려면 함수를 프로미스로 래핑합니다.

이를 달성하는 한 가지 방법은 Promise.resolve().then(f)를 사용하는 것이지만, 이 경우 f는 다음 틱에서 불필요하게 비동기식으로 실행됩니다.

이 문제를 방지하려면 인체공학적이지 않은 new Promise(resolve => resolve(f()))를 사용해야 합니다.

Promise.try를 사용하면 동일한 작업을 간단하고 간단하게 실행할 수 있습니다. 동기 및 비동기 예외 흐름을 모두 처리하는 대신 .catch 핸들러의 모든 오류를 포착하는 프로미스 체인을 시작할 수 있습니다.

자세한 내용은 Promise.try 문서를 참고하세요.

다중 펜 잉크를 위한 PointerEvent.deviceProperties

개발자는 잉크 지원 디지타이저의 개별 펜을 구별할 방법이 없었습니다. 기존 PointerEvent.pointerId 속성은 다양한 방식으로 구현되며 각 잉크 획 또는 화면과의 상호작용에 대해 항상 유지되지는 않습니다.

이제 PointerEvent 인터페이스가 새 속성 deviceProperties를 포함하도록 확장되었습니다. 여기에는 개발자가 페이지와 상호작용하는 개별 펜을 식별하는 데 안정적으로 사용할 수 있는 세션 영구적이고 문서 격리되는 고유 식별자를 나타내는 속성 uniqueId가 포함됩니다.

이 변경을 통해 예를 들어 디지타이저와 상호작용하는 각 기기에 특정 색상이나 펜 모양을 설정할 수 있습니다.

앞으로 가리키기에서 포인터 이벤트 시작하기에 관해 읽어보세요.

그 외에도 다양한 기능 제공

물론 이 외에도 많은 것이 있습니다.

  • 이제 CSS zoom 속성이 최신 표준에 맞게 조정됩니다.

  • AudioContext 생성 및 오디오 렌더링 오류가 이제 AudioContext.onerror를 통해 보고됩니다.

  • 이제 DevTools 애니메이션 패널에서 애니메이션이 캡처되며, @keyframes을 실시간으로 수정할 수 있습니다.

전체 출시 노트 보기

추가 자료

여기에서는 몇 가지 주요 사항만 다룹니다. 다음 링크에서 Chrome 128의 추가 변경사항

구독

최신 소식을 받아보려면 Chrome 개발자 YouTube 채널 새 동영상이 게시될 때마다 이메일 알림을 받게 됩니다.

아드리아나 자라님, Chrome 128이 출시되면 바로 Chrome의 새로운 기능에 대해 알려드리겠습니다.