Chrome 114의 새로운 기능

Adriana Jara

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

저는 아드리아나 자라입니다. Chrome 114의 새로운 기능을 자세히 살펴보겠습니다.

text-wrap:balance.

text-wrap: balance를 사용하여 텍스트 레이아웃을 개선하세요. 아래 애니메이션은 이 한 줄의 차이를 보여줍니다.

데모 사용해 보기

개발자는 텍스트의 최종 크기, 글꼴 크기, 언어조차도 알 수 없습니다. 텍스트 줄바꿈을 효과적으로 처리하려면 모든 변수가 필요합니다. 브라우저는 모든 요소를 알고 있으므로 text-wrap:balance를 사용하여 브라우저에 요청할 수 있는 가장 균형 잡힌 줄바꿈 솔루션을 파악할 수 있습니다.

앞의 두 예는 함께 표시되어 있는데 하나는 불균형으로 표시되고 다른 하나는 균형으로 표시됩니다.

균형 잡힌 텍스트 블록이 독자의 눈에 더 편안합니다. 관심을 더 많이 끌고 전반적으로 가독성이 높아집니다.

균형 잡힌 광고 제목은 text-wrap: balance의 주요 사용 사례이며 앞으로도 그렇게 되어야 합니다. 텍스트의 균형을 맞추려면 성능 비용이 발생하므로 비용을 완화하려면 최대 네 줄까지만 작동합니다.

샘플 및 추가 세부정보가 포함된 이 도움말에서 텍스트 레이아웃을 개선하세요.

CHIPS: 독립적으로 파티션을 나눈 상태가 있는 쿠키

CHIPS (Cookies Having Independent Partitioned State)는 새로운 쿠키 속성인 Partitioned를 사용하여 최상위 사이트에서 파티셔닝되는 서드 파티 쿠키를 선택할 수 있도록 합니다.

CHIPS 이전에는 사용자가 사이트 A를 방문하면 삽입된 사이트 C가 사용자의 컴퓨터에 쿠키를 설정할 수 있었습니다. 사용자가 사이트 C도 삽입되어 있는 사이트 B를 방문하면 사이트 C는 사이트 A에 설정된 쿠키에 액세스할 수 있습니다. 이렇게 하면 사이트 C에서 사이트 A, B 및 삽입된 모든 사이트에서 사용자의 탐색 활동을 수집할 수 있습니다.

파티션을 나누지 않은 쿠키가 있는 사이트 및 저장소를 보여주는 다이어그램

크로스 사이트 추적이 문제가 되기는 하지만, 쿠키 파티션 나누기를 통해 개인 정보를 보호하는 방식으로 달성할 수 있는 유효한 크로스 사이트 쿠키가 필요합니다.

CHIPS에서는 사용자가 사이트 A를 방문하고 사이트 C의 삽입된 콘텐츠가 Partitioned 속성이 있는 쿠키를 설정하면 쿠키가 사이트 A에 삽입될 때 사이트 C가 설정하는 쿠키에 대해서만 파티션을 나눈 jar에 저장됩니다. 브라우저는 최상위 사이트가 A인 경우에만 쿠키를 전송합니다.

쿠키와 연결된 사이트 및 연결된 저장소를 보여주는 다이어그램

사용자가 사이트 B와 같은 새 사이트를 방문할 때 사이트 C는 사이트 A에 삽입되었을 때 설정된 쿠키를 수신하지 않습니다.

서드 파티 쿠키의 단계적 지원 중단 절차에 대한 자세한 내용은 이 도움말을 참고하세요.

Popover API

Popover API를 사용하면 다른 모든 웹 앱 UI 위에 표시되는 일시적인 사용자 인터페이스 (UI) 요소를 더 쉽게 빌드할 수 있습니다.

여기에는 작업 메뉴, 양식 요소 추천, 콘텐츠 선택 도구, 교육 UI와 같은 사용자 상호작용 요소가 포함됩니다.

새 팝오버 속성을 사용하면 모든 요소가 상단 레이어에 자동으로 표시될 수 있습니다. 따라서 개발자는 위치 지정, 요소 스택, 포커스 또는 키보드 상호작용에 대해 더 이상 걱정할 필요가 없습니다.

이는 <dialog> 요소와 유사하지만 빛 닫기 동작, 팝오버 상호작용 관리, 이벤트 지원, '모달' 모드 없음 등 몇 가지 중요한 차이점이 있습니다.

자세한 내용은 이 도움말을 확인하세요.

그 외에도 다양한 기능 제공

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

  • DevTools를 사용하면 DWARF를 지원하여 WebAssembly 앱에서 C 및 C++ 코드를 일시중지하고 디버그할 수 있습니다.
  • navigator.bluetooth.requestDevice()의 exclusionFilters 옵션을 사용하면 웹 개발자가 브라우저 선택 도구에서 일부 기기를 제외할 수 있습니다.
  • 배경 블러에 대한 오리진 트라이얼이 있습니다.

추가 자료

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

구독

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

안녕하세요, 아드리아나 자라님. Chrome 115가 출시되는 대로 Chrome의 새로운 기능을 알려드리겠습니다.