Chrome 98의 새로운 기능

Pete LePage

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

저는 피트 레페이지입니다. 이제 Chrome 98의 개발자를 위한 새로운 기능을 살펴보겠습니다

Android에서 자동 어두운 테마 선택 해제

Chrome 96에서는 Android의 자동 어두운 테마의 오리진 트라이얼을 시작했습니다.

이 기능을 사용하면 사이트에 밝은 테마가 있고 사용자의 OS가 어두운 모드일 때 브라우저가 자동으로 생성된 어두운 테마를 사이트에 적용합니다.

오리진 트라이얼에 가입했고 특정 페이지에서 자동으로 생성된 어두운 테마를 선택 해제하려면 메타 태그를 사용하면 됩니다.

<meta name="color-scheme" content="only light">

또는 :root 요소에서 color-scheme: only light를 설정하여 선택 해제할 수 있습니다.

:root {
  color-scheme: only light;
}

하지만 이 방법의 주요 이점은 특정 요소에 특정 스타일을 적용하여 요소별로 선택 해제할 수 있다는 것입니다.

.only-light,
#my-element {
  color-scheme: only light;
}

자세한 내용은 Android의 자동 어두운 테마의 자동 어두운 테마를 선택 해제하는 방법 섹션을 참고하세요.

COLRv1 글꼴 지원

Chrome 98에서는 이제 COLRv0 글꼴 형식이 진화한 COLRv1을 지원합니다. 그라데이션, 합성 및 블렌딩을 추가하고 잘 압축되는 선명하고 작은 글꼴 파일을 위한 형태 재사용을 개선했습니다.

색상 글꼴을 사용하면 시각적 하이라이트, 광고 제목, 배너가 눈에 잘 띄도록 만들 수 있습니다.

COLRv1 글꼴을 사용하는 제목

COLRv1 사용 사례 중 제가 가장 좋아하는 사용 사례 중 하나는 모든 플랫폼에서 일관된 이모티콘을 사용한다는 것입니다. 글꼴 파일이 더 작아지고 페이지에 포함하기가 더 쉬워지므로 그림 이모티콘을 이미지 파일로 대체할 필요가 없습니다.

일관된 이모티콘을 사용하는 글꼴 파일

Google은 특성 감지를 개선하기 위해 노력하고 있습니다. 아직은 쉽지 않은 작업입니다. 하지만 이는 주의해야 할 사항입니다.

자세한 내용과 나만의 글꼴을 만드는 방법은 Chrome 98의 COLRv1 색상 그라데이션 벡터 글꼴을 참고하세요.

UA 문자열에서 Chrome 100 에뮬레이션

3자리 버전 번호인 Chrome 100이 출시됩니다. 버전 번호를 확인하거나 UA 문자열을 파싱하는 모든 코드는 3자리 숫자를 처리하는지 확인해야 합니다.

현재 버전 번호를 100으로 변경하는 #force-major-version-to-100라는 플래그가 있으므로 모든 것이 예상대로 작동하는지 확인할 수 있습니다.

새로운 #force-major-version-to-100 옵션을 강조 표시하는 Chrome 신고 페이지

그 외에도 다양한 기능 제공

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

이제 CORS 실행 전 요청이 하위 리소스에 대한 비공개 네트워크 요청보다 먼저 전송되어 대상 서버에 명시적 권한을 요청합니다.

자체 캡처 동영상 트랙을 자르는 API인 Region Capture의 새로운 오리진 트라이얼이 출시되었습니다. 거울의 전당 효과를 만들지 않도록 화상 회의 앱에서 화면을 공유하는 데 적합합니다.

창 오버레이 컨트롤은 Chrome 98용으로 계획되었지만 막바지에 발생한 문제로 인해 포함되지 않았습니다. 아직 개발 중이며 다음 몇 차례에 출시될 것으로 예상합니다.

추가 자료

여기에서는 주요 특징 중 일부만 다루었습니다. 아래 링크에서 Chrome 98의 추가 변경사항을 확인하세요.

구독

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

저는 Pete LePage입니다. Chrome 99가 출시되면 곧 Chrome의 새로운 기능을 소개해 드리겠습니다.