게시일: 2025년 3월 4일
다음 사항에 유의하시기 바랍니다.
- 팝오버의 가벼운 닫기 동작이
<dialog>에 적용됩니다. - 이제 공유 스토리지에서 Web Locks API가 지원됩니다.
- 이제 페인트 캔버스에서
imageSmoothingQuality속성이 지원됩니다 . - 이 외에도 다양한 기능이 있습니다.
팝오버의 라이트 디스미스 동작이 <dialog>에 적용됨
팝오버 API의 유용한 기능 중 하나는 가벼운 닫기 동작입니다.
이제 이 동작은 <dialog>에 포함되며, 동작을 제어하는 새로운 closedby 속성이 있습니다.
<dialog closedby="none">: 사용자가 트리거한 대화상자 닫기가 전혀 없습니다.<dialog closedby="closerequest">:ESC(또는 기타 닫기 트리거)을 누르면 대화상자가 닫힙니다.<dialog closedby="any">: 대화상자 외부를 클릭하거나ESC를 누르면 대화상자가 닫힙니다.popover="auto"동작과 유사합니다.
이제 공유 스토리지에서 Web Locks API가 지원됩니다.
Web Locks API를 Shared Storage에 통합 이렇게 하면 get() 및 set() 로직 내에서 발생할 수 있는 경합 상태로 인해 교차 사이트 도달범위 측정에서 중복 보고가 발생할 수 있는 시나리오를 방지할 수 있습니다.
이 변경사항은 다음을 충족해야 합니다.
navigator.locks.request을 워크릿 환경에 도입- 모든 수정자 메서드에
{ withLock: <resource>}옵션이 도입되었습니다. - 일괄 수정 메서드
sharedStorage.batchUpdate(methods,options)를 도입합니다. 이 메서드는withLock옵션을 사용하여 여러 수정자 메서드를 원자적으로 실행할 수 있으므로 웹사이트가 여러 키에 걸쳐 정리된 데이터를 업데이트하는 동안 일관성을 유지해야 하는 사용 사례를 지원합니다.
이제 페인트 캔버스에서 imageSmoothingQuality 속성이 지원됩니다.
페인트 캔버스에서 imageSmoothingQuality 속성 지원 추가
이를 통해 이미지를 확장할 때 품질 또는 성능 트레이드오프를 선택할 수 있습니다.
imageSmoothingQuality에는 low, medium, high의 세 가지 옵션이 있습니다.
그 외에도 다양한 기능 제공
물론 이 외에도 다양한 기능이 있습니다.
- Chrome은 PWA에서 사용자 링크 캡처를 통해 브라우저와 설치된 웹 앱 간의 이동을 더 쉽게 지원합니다.
- 이제 이미지 등을 사용하여
<select>메뉴를 맞춤설정할 수 있습니다.
Chrome의 새로운 기능에 대한 자세한 내용은 전체 Chrome 134 출시 노트를 참고하세요.
추가 자료
여기서는 몇 가지 주요 사항만 다룹니다. Chrome 134의 추가 변경사항은 다음 링크를 확인하세요.
- Chrome 134 출시 노트
- Chrome DevTools의 새로운 기능 (134)
- Chrome 133의 ChromeStatus.com 업데이트
- Chrome 출시 일정을 참고하세요.
구독
최신 소식을 확인하려면 Chrome Developers YouTube 채널을 구독하세요. 새 동영상이 출시될 때마다 이메일 알림을 받게 됩니다.
Chrome 134가 출시되면 Chrome의 새로운 기능을 알려드리겠습니다.