Chrome 98의 새로운 기능

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

저는 피트 르페이지입니다. 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을 가장 좋아하는 사용 사례 중 하나는 모든 플랫폼에서 그림 이모티콘을 일관되게 사용한다는 것입니다. 글꼴 파일이 더 작아지고 페이지에 더 쉽게 포함할 수 있으므로 그림 이모티콘을 이미지 파일로 대체할 필요가 없습니다.

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

아직 기능 감지가 쉽지 않으므로 이를 개선하기 위해 노력하고 있습니다. 하지만 이는 계속 지켜봐야 할 부분입니다.

자세한 내용과 자체 글꼴을 만드는 방법은 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의 새로운 기능을 바로 알려드리겠습니다.