Chrome 120의 새로운 기능

Adriana Jara

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

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

CloseWatcher API

모달 또는 팝업 구성요소의 중요한 특징은 일관된 메커니즘으로 닫기 쉽다는 것입니다. 이러한 메커니즘을 닫기 요청이라고 하며 일반적으로 데스크톱 플랫폼에서는 ESC 키, Android에서는 뒤로 동작 또는 버튼입니다.

웹 개발자는 자신의 구성 요소에 대한 닫기 요청을 처리할 수 있는 좋은 방법이 없었습니다. 이는 뒤로 동작을 위한 간단한 닫기 동작을 제공하는 것이 매우 복잡한 Android 기기에서 특히 문제가 됩니다.

Chrome 120에서는 닫기 요청을 직접 수신하고 응답하는 새로운 API인 CloseWatcher를 포함하는 솔루션을 제공합니다. 새로운 닫기 요청 프레임워크를 사용하도록 <dialog> 및 popover="" 업그레이드도 포함되어 Android 뒤로 버튼에 응답합니다.

CloseWatcher API 데모를 참고하여 사용해 보세요.

<details> 이름 속성

<details> 요소의 name 속성을 사용하면 <details> HTML 요소 시퀀스를 사용하여 아코디언 패턴을 쉽게 구현할 수 있습니다.

name가 동일한 여러 <details> 요소가 그룹을 형성합니다. 이 설정을 사용하면 그룹의 요소를 한 번에 하나만 열 수 있습니다.

다음은 이름이 cookies인 그룹이 있는 예입니다.

<details name="cookies">
  <summary>Chocolate chip</summary>
  Yum yum chocolate chip.
</details>
<details name="cookies">
  <summary>Snickerdoodle</summary>
   Yum yum snickerdoodle.
</details>
<details name="cookies">
  <summary>Maicenitas</summary>
   Yum yum maicenitas.
</details>
<details name="cookies">
  <summary>Sugar cookies</summary>
   Yum yum sugar cookies.
</details>

권한 정책 위반 보고서

이제 권한 정책 위반 보고서가 제공됩니다. 이 보고서에는 권한 정책 API가 통합되어 있습니다. 이 API를 사용하면 개발자가 Reporting API를 사용해 브라우저에서 시행할 정책을 선언하여 페이지, iframe, 하위 리소스에서 사용 가능한 브라우저 기능을 제어할 수 있습니다. Reporting API는 웹 애플리케이션이 여러 플랫폼 기능을 기반으로 보고서를 제공하는 데 사용할 수 있는 일반 보고 메커니즘을 제공합니다.

이러한 Permissions Policy API와 Reporting API 통합을 사용해 웹 개발자는 권한 정책 위반 보고서가 전송될 엔드포인트를 구성할 수 있습니다. 이를 통해 사이트 소유자는 필드의 페이지에서 허용되지 않는 기능이 요청되는 시점을 확인할 수 있습니다.

권한 정책으로 브라우저 기능 제어에는 구현 세부정보가 포함되어 있습니다.

그 외에도 다양한 기능 제공

물론 더 많은 기능이 있습니다.

  • 완벽한 CSS 중첩 구현을 사용하면 중첩된 스타일 규칙을 is()로 래핑하거나 앰퍼샌드를 맨 앞에 요구하는 대신 요소로 시작할 수 있습니다.

  • Media Session API의 enterpictureinpicture 작업을 사용하여 웹사이트에서 PIP 모드 또는 문서 PIP 모드 창을 여는 데 사용할 수 있는 작업 핸들러를 등록할 수 있습니다.

  • Chrome에서 서드 파티 쿠키에 대한 지원을 중단하기 위해 노력하고 있음을 알려드립니다. 1월에 웹사이트에 영향을 줄 수 있는 실험이 시작되므로 서드 파티 쿠키 지원 중단 준비에서 감사 및 완화 단계를 확인하는 것이 중요합니다.

추가 자료

여기에서는 몇 가지 주요 사항만 다룹니다. 아래 링크에서 Chrome 120의 추가 변경사항을 확인하세요.

구독

최신 소식을 확인하려면 Chrome 개발자 YouTube 채널을 구독하세요. 그러면 새 동영상이 출시될 때마다 이메일 알림을 받게 됩니다.

요 소이 아드리아나 자라님, 즐거운 연말연시를 기원합니다. Chrome 121이 출시되는 대로 Chrome의 새로운 기능을 알려드리겠습니다.