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> 요소가 그룹을 형성합니다. 이 설정을 사용하면 그룹에서 한 번에 최대 1개의 요소를 열 수 있습니다.

다음은 이름이 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>

권한 정책 위반 신고

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

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

권한 정책으로 브라우저 기능 제어에서 구현 세부정보를 확인할 수 있습니다.

그 외에도 다양한 기능 제공

물론 그 외에도 많은 기능이 있습니다.

  • 완화된 CSS 중첩 구현을 사용하면 중첩된 스타일 규칙이 is()로 래핑되거나 앞에 앰퍼샌드가 필요하지 않고 요소로 시작할 수 있습니다.

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

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

추가 자료

여기에는 일부 주요 내용만 포함되어 있습니다. Chrome 120의 추가 변경사항은 아래 링크를 확인하세요.

구독

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

저는 Adriana Jara입니다. 즐거운 연말연시 보내시기 바랍니다. Chrome 121이 출시되는 대로 Chrome의 새로운 기능을 바로 알려드리겠습니다.