11월의 웹 플랫폼 새로운 기능

2024년 11월에 안정화 버전 및 베타 웹브라우저에 도입된 몇 가지 흥미로운 기능을 살펴보세요.

게시일: 2024년 11월 27일

2024년 11월에 Firefox 131Chrome 131이 안정화되었습니다. 이 게시물에서는 웹 플랫폼에 추가된 새로운 기능을 살펴봅니다.

WebCodecs API

Firefox 133은 WebCodecs APIImageDecoder, ImageTrackList, ImageTrack 인터페이스를 지원하여 기본 스레드와 작업자 스레드에서 이미지 디코딩을 사용 설정합니다.

Browser Support

  • Chrome: 94.
  • Edge: 94.
  • Firefox: 133.
  • Safari: not supported.

Source

WorkerNavigator permissions 속성

Firefox 133은 WorkerNavigator.permissions도 지원합니다.

Browser Support

  • Chrome: 43.
  • Edge: 79.
  • Firefox: 133.
  • Safari: 16.4.

Source

@page 여백 상자

Chrome 131에서는 웹 문서를 인쇄하거나 PDF로 내보낼 때 페이지 여백 상자를 지원합니다.

@page 여백 상자를 사용하면 브라우저에서 생성된 기본 제공 헤더와 바닥글을 사용하는 대신 페이지의 여백 영역에 콘텐츠를 정의할 수 있습니다(예: 맞춤 헤더와 바닥글 제공).

페이지 번호 지정을 위한 카운터도 지원됩니다. 사양은 두 가지 특수 카운터 이름을 정의합니다. 현재 페이지 번호의 경우 page, 총 페이지 수의 경우 pages입니다.

CSS를 사용하여 인쇄된 페이지의 여백에 콘텐츠 추가에서 자세히 알아보세요.

Browser Support

  • Chrome: 131.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: not supported.

상대 색상 문법에서 currentcolor 지원

Chrome 131에서는 CSS의 상대 색상 (from 키워드 사용)이 currentcolor을 기준으로 사용할 수 있습니다. 이렇게 하면 요소의 텍스트 색상을 기반으로 해당 요소의 테두리, 그림자 또는 배경에 보색을 설정할 수 있습니다.

Uint8Array 메서드

Firefox 133에는 base64-와 16진수로 인코딩된 문자열 및 바이트 배열 간의 변환을 쉽게 할 수 있는 여러 가지 새로운 Uint8Array 메서드가 추가되었습니다.

  • Uint8Array.fromBase64()Uint8Array.fromHex()
  • Uint8Array.prototype.setFromBase64()Uint8Array.prototype.setFromHex()
  • Uint8Array.prototype.toBase64()Uint8Array.prototype.toHex()

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 133.
  • Safari: 18.2.

Source

전용 작업자의 WebHID

Chrome 131에서는 전용 작업자 컨텍스트 내에서 WebHID를 사용 설정합니다. 이렇게 하면 별도의 스레드에서 HID 기기의 과도한 I/O 및 데이터 처리를 실행하여 기본 스레드의 성능 영향을 줄일 수 있습니다.

Browser Support

  • Chrome: 131.
  • Edge: 131.
  • Firefox: not supported.
  • Safari: not supported.

베타 브라우저 출시

베타 브라우저 버전에서는 다음번 브라우저의 안정화 버전에 포함될 기능을 미리 볼 수 있습니다. 전 세계에 출시되기 전에 사이트에 영향을 줄 수 있는 새 기능이나 삭제를 테스트해 보세요. 새로운 베타는 Firefox 134, Safari 18.2, Chrome 132입니다. 이번 출시에서는 플랫폼에 여러 가지 멋진 기능이 추가되었습니다. 자세한 내용은 출시 노트를 확인하세요. 몇 가지 주요 내용을 소개합니다.

Safari 18.2에는 이 게시물에서 Firefox에 제공되는 것으로 언급된 Uint8Array 메서드와 이번 달에 Chrome에 제공된 @page 여백 설명자가 포함되어 있습니다. 교차 문서 뷰 전환, ruby-align, text-box-trim 지원을 비롯한 새로운 CSS 기능 목록이 있습니다.

Chrome 132에는 writing-mode CSS 속성에 관한 sideways-rlsideways-lr 키워드, <dialog>의 전환 이벤트, RequestResponse 인터페이스의 bytes() 메서드 지원이 포함되어 있습니다.

Firefox 134는 현재 세부정보가 부족하지만 Safari 18.2 베타에도 포함된 Promise.try를 포함하는 것으로 보입니다.