2024년 11월에 안정화 버전 및 베타 웹브라우저에 도입된 몇 가지 흥미로운 기능을 살펴보세요.
게시일: 2024년 11월 27일
안정적인 브라우저 출시
2024년 11월에 Firefox 133 및 Chrome 131이 안정화되었습니다. 이 게시물에서는 웹 플랫폼에 추가된 새로운 기능을 살펴봅니다.
WebCodecs API
Firefox 133은 WebCodecs API의 ImageDecoder
, ImageTrackList
, ImageTrack
인터페이스를 지원하여 기본 스레드와 작업자 스레드에서 이미지 디코딩을 사용 설정합니다.
WorkerNavigator
permissions
속성
Firefox 133은 WorkerNavigator.permissions
도 지원합니다.
@page
여백 상자
Chrome 131에서는 웹 문서를 인쇄하거나 PDF로 내보낼 때 페이지 여백 상자를 지원합니다.
@page
여백 상자를 사용하면 브라우저에서 생성된 기본 제공 헤더와 바닥글을 사용하는 대신 페이지의 여백 영역에 콘텐츠를 정의할 수 있습니다(예: 맞춤 헤더와 바닥글 제공).
페이지 번호 지정을 위한 카운터도 지원됩니다.
사양은 두 가지 특수 카운터 이름을 정의합니다. 현재 페이지 번호의 경우 page
, 총 페이지 수의 경우 pages
입니다.
CSS를 사용하여 인쇄된 페이지의 여백에 콘텐츠 추가에서 자세히 알아보세요.
Browser Support
상대 색상 문법에서 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()
전용 작업자의 WebHID
Chrome 131에서는 전용 작업자 컨텍스트 내에서 WebHID
를 사용 설정합니다.
이렇게 하면 별도의 스레드에서 HID 기기의 과도한 I/O 및 데이터 처리를 실행하여 기본 스레드의 성능 영향을 줄일 수 있습니다.
Browser Support
베타 브라우저 출시
베타 브라우저 버전에서는 다음번 브라우저의 안정화 버전에 포함될 기능을 미리 볼 수 있습니다. 전 세계에 출시되기 전에 사이트에 영향을 줄 수 있는 새 기능이나 삭제를 테스트해 보세요. 새로운 베타는 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-rl
및 sideways-lr
키워드, <dialog>
의 전환 이벤트, Request
및 Response
인터페이스의 bytes()
메서드 지원이 포함되어 있습니다.
Firefox 134는 현재 세부정보가 부족하지만 Safari 18.2 베타에도 포함된 Promise.try
를 포함하는 것으로 보입니다.