Chrome 127

안정화 버전 출시일: 2024년 7월 23일

달리 명시되지 않는 한 다음 변경사항이 Chrome 127 안정화 버전에 적용됩니다. Android, ChromeOS, Linux, macOS, Windows용 채널 출시입니다.

CSS

CSS 글꼴 크기 조정

font-size-adjust CSS 속성은 전체 글꼴 크기를 정의하는 대문자 크기를 기준으로 소문자 크기를 수정하는 방법을 제공합니다. 이 속성은 글꼴 대체가 발생할 수 있는 상황에 유용합니다.

Chrome 127에는 글꼴 측정항목과 값을 전달하는 두 가지 값 문법이 포함되어 있습니다.

버그 추적 #451346 | ChromeStatus.com 항목 | 사양

CSS 생성 콘텐츠의 다중 인수 대체 텍스트

CSS content 속성을 사용하면 다음 문법으로 접근성을 위한 대체 텍스트를 지정할 수 있습니다. css .has-before-content::before { content: url("cat.jpg") / "A cute cat"; }

대체 텍스트가 단일 문자열로 주어지는 이 기능은 Chrome에서 이미 지원됩니다. Chrome 127부터 대체 텍스트는 문자열 외에도 attr() 함수 또는 카운터가 될 수 있는 임의의 수의 요소로 제공될 수 있습니다. 예를 들면 다음과 같습니다.

.has-before-content::before {
  content: url("cat.jpg") / "A cute " attr(data-animal);
}

이 기능 항목에는 카운터 지원이 추가되지 않습니다.

ChromeStatus.com 항목 | 사양

iframe에서 View Transition API 지원

Chrome 127부터 메인 프레임 및 동일 출처 iframe에서 동시에 동일한 문서 뷰 전환을 사용할 수 있습니다.

이전에는 동일한 출처의 iframe에서 document.startViewTransition를 사용하여 뷰 전환을 실행해도 기본 프레임에서 동시에 전환을 실행하는 경우 작동하지 않았습니다. iframe의 전환이 자동으로 건너뜁니다. 이제 두 전환이 모두 실행됩니다.

iframe의 동일 출처 교차 문서 탐색에서 보기 전환도 지원됩니다.

텍스트 크기 조정 개선사항

text-size-adjust 속성은 휴대기기의 글꼴 크기를 조정합니다. auto 이외의 값은 자동 텍스트 크기 조정을 사용 중지합니다. 비율 값은 계산된 텍스트 크기를 늘립니다.

이렇게 하면 text-size-adjust가 더 일관성이 있으므로 글꼴 크기 (및 줄 간격)의 직접 배수처럼 작동합니다. 주요 변경사항은 다음과 같습니다.

  • text-size-adjust는 메타 표시 영역 유무와 관계없이 작동합니다.
  • auto 이외의 값을 지정하면 모든 텍스트 크기 자동 조정이 사용 중지됩니다.
  • 비율은 휴리스틱 없이 직접 적용됩니다.
  • 레이아웃 버그가 수정되었습니다.

<ph type="x-smartling-placeholder"></ph> 버그 추적 #340389272 | ChromeStatus.com 항목 | 사양

Web API

자동 전체 화면 콘텐츠 설정

새로운 '자동 전체 화면' 콘텐츠 설정을 사용하면 엔터프라이즈 관리자가 사용자 동작 없이 사이트가 전체 화면으로 전환되도록 허용할 수 있습니다. 사용자는 사이트 설정 페이지를 통해 분리형 웹 앱에서 이 기능을 사용하도록 허용할 수도 있습니다.

창 관리 권한 및 차단되지 않은 팝업과 함께 사용하면 유용한 전체 화면 기능을 사용할 수 있습니다.

  • 한 동작으로 다른 디스플레이에서 전체 화면 팝업을 엽니다.
  • 한 동작으로 여러 디스플레이에 전체 화면 콘텐츠를 표시합니다.
  • 연결되면 새 디스플레이에 전체 화면 콘텐츠를 표시합니다.
  • 한 동작으로 디스플레이 간에 전체 화면 창을 전환합니다.
  • 사용자 동작이 만료되거나 소비된 후 전체 화면 콘텐츠를 표시합니다.

<ph type="x-smartling-placeholder"></ph> 데모 | 버그 추적 #1501130 | ChromeStatus.com 항목

WebGPU: GPUAdapter info 속성

동기 GPUAdapter 정보 속성을 추가하여 비동기 GPUAdapter requestAdapterInfo() 메서드와 마찬가지로 실제 어댑터에 관한 동일한 정보를 검색합니다.

버그 추적 #335383516 | ChromeStatus.com 항목 | 사양

미디어

MediaMetadata 동영상 챕터

이제 섹션 제목, 타임스탬프, 스크린샷 이미지와 같은 개별 챕터 정보를 미디어 메타데이터에 추가할 수 있습니다. 이를 통해 사용자는 미디어 콘텐츠를 탐색할 수 있습니다.

현재 이 아이콘은 ChromeOS 미디어 알림에만 표시되며 Chrome 브라우저 전역 미디어 컨트롤에는 표시되지 않습니다.

<ph type="x-smartling-placeholder"></ph> 데모 | ChromeStatus.com 항목 | 사양

문서 PIP 모드: 사용자 활성화 전파

이렇게 하면 사용자가 문서의 PIP 모드 창에서 활성화를 시작할 수 있으며, 그 반대의 경우도 마찬가지입니다. 이렇게 하면 문서 PIP 모드의 이벤트 핸들러가 실제로 오프너의 컨텍스트에서 실행되므로 사용자 활성화 제한 API를 사용하는 것이 더 인체공학적입니다. 따라서 오프너의 컨텍스트가 사용자 동작에 액세스해야 합니다.

<ph type="x-smartling-placeholder"></ph> 데모 | 버그 추적 #331246719 | ChromeStatus.com 항목

자바스크립트

Importmap 무결성

가져온 ES 모듈은 현재 무결성을 검사할 수 없으므로 하위 리소스 무결성이 필요한 환경이나 require-sri-for CSP 지시어를 사용하여 실행할 수 없습니다.

이 기능은 맵을 가져오는 integrity 섹션을 추가하므로 개발자가 ES 모듈 URL을 무결성 메타데이터에 매핑하고 예상 해시와 일치할 때만 로드되도록 할 수 있습니다.

버그 추적 #334251999 | ChromeStatus.com 항목

Snap 이벤트

스냅 이벤트를 사용하면 개발자가 스크롤러의 스냅 타겟이 변경될 때를 안정적으로 수신 대기하고 원하는 대로 스타일 조정을 실행할 수 있습니다.

CSS 스크롤 스냅 포인트는 스크롤 상호작용 선택 구성요소를 만드는 메커니즘으로 자주 사용됩니다. 이 구성요소에서는 JavaScript 교차 관찰자와 스크롤 종료 추정치를 사용하여 선택이 결정됩니다. 기본 제공 이벤트를 생성하면 보이지 않는 상태가 적시에 실행 가능하며 항상 정확해집니다.

이 기능은 두 가지 JavaScript 이벤트인 scrollsnapchange 및 scrollsnapchanging를 추가합니다. scrollsnapchange 이벤트를 사용하면 개발자는 스크롤 작업(스냅 포함)이 완료될 때 스크롤러가 스냅된 요소가 변경되었음을 알 수 있습니다. scrollsnapchanging 이벤트는 스크롤 작업 중에 개발자에게 사용자 에이전트가 지금까지의 스크롤 입력을 기반으로 스크롤 컨테이너를 새 스냅 타겟에 스냅하려고 함을 암시합니다.

개인 정보 보호

Attribution Reporting API의 집계 디버그 보고

이는 서드 파티 쿠키 지원 중단 후에도 API가 계속해서 일종의 디버깅 정보를 제공할 수 있도록 하기 위한 변경사항입니다. 이는 서드 파티 쿠키와 연결되지 않으며 유사한 디버그 정보를 제공하는 새로운 보고서 유형입니다. 이 기능을 사용하면 API 호출자가 디버그 신호를 집계된 형태로 요청하고 수신할 수 있습니다. 이 기능은 API에서 지원하는 현재의 집계 보고서와 매우 유사하지만, 이 새로운 보고서는 디버그 신호용이라는 점이 다릅니다.

<ph type="x-smartling-placeholder"></ph> ChromeStatus.com 항목 | 사양

접근성

키보드 포커스 가능 스크롤 컨테이너

이 기능에는 다음과 같은 변경사항이 도입되었습니다.

스크롤러는 기본적으로 클릭하여 포커스 가능하고 프로그래매틱 방식으로 포커스 가능합니다. 포커스 가능 하위 요소가 없는 스크롤러는 기본적으로 키보드 포커스 가능

이는 모든 사용자가 스크롤러와 스크롤러 내 콘텐츠에 더 쉽게 액세스할 수 있도록 하는 중요한 개선사항입니다. 이 기능의 이점에 관한 자세한 내용은 키보드 포커스 전환 가능한 스크롤러 게시물을 참고하세요. 키보드 포커스 가능 스크롤러는 Chrome 127부터 기본적으로 사용 설정됩니다. 웹사이트에서 이 새로운 기능에 적응하는 데 시간이 필요한 경우 다음과 같은 몇 가지 옵션이 있습니다.

<ph type="x-smartling-placeholder"></ph> 키보드 포커스 가능 스크롤러 | 버그 추적 #1040141 | ChromeStatus.com 항목 | 사양

로드 중

No-Vary-Search 미리 렌더링 지원

No-Vary-Search 지원을 확장하여 이전의 미리 가져오기 지원 위에 미리 렌더링합니다. 이렇게 하면 특정 URL 쿼리 매개변수가 변경되더라도 사전 렌더링 항목이 일치될 수 있습니다. No-Vary-Search HTTP 응답 헤더는 캐시 일치를 위해 URL 쿼리의 일부 또는 전체를 무시할 수 있음을 선언합니다.

<ph type="x-smartling-placeholder"></ph> 버그 추적 #41494389 | ChromeStatus.com 항목 | 사양

새로운 오리진 트라이얼

Shared Brotli 및 Shared Zstandard를 사용한 압축 사전 전송

이 기능은 지정된 이전 응답을 Brotli 또는 Zstandard를 압축하는 HTTP 응답의 외부 사전으로 사용하는 지원을 추가합니다.

시작 버전 체험판 | 데모 | 버그 추적 #1413922 | ChromeStatus.com 항목 | 사양

서드 파티 쿠키 지원 중단

Google은 영국 경쟁시장청의 남아 있는 경쟁 관련 우려사항에 따라 서드 파티 쿠키 (크로스 사이트 쿠키라고도 함)에 대한 기본 액세스를 지원 중단하고 삭제할 예정입니다. 이에 따라 2024년 1분기에 초기 1% 테스트 기간이 시작되며, 이후 2025년 1분기에 점진적으로 중단할 예정입니다.

서드 파티 쿠키의 단계적 지원 중단은 웹 및 그 외의 플랫폼에서 크로스 사이트 추적을 책임감 있게 줄이면서 새로운 기술을 통해 주요 사용 사례를 지원하는 것을 목표로 하는 개인 정보 보호 샌드박스 이니셔티브의 핵심 사항입니다.

데모 | ChromeStatus.com 항목 | 사양

스토리지, 서비스 워커, 통신 API 파티셔닝

Chrome 115부터 스토리지, 서비스 워커, 커뮤니케이션 API가 서드 파티 컨텍스트에서 파티션이 분할됩니다. Chrome 113부터 126까지 사이트는 지원 중단 체험에 참여하여 일시적으로 파티션을 나누지 않고 스토리지, 서비스 워커, 커뮤니케이션 API의 이전 동작을 복원할 수 있었습니다.

Chrome 125부터 Storage Access API에서 쿠키가 아닌 저장소가 지원되므로 파티션을 나누지 않은 저장소의 대부분의 사용 사례가 해결됩니다. 이러한 사용 사례가 충족되지 않는 경우 이제 Chrome 127~132(양 끝값 포함) 사용자를 대상으로 DisableThirdPartyStoragePartitioning 지원 중단 체험 기간을 6개의 추가 마일스톤으로 갱신하도록 요청할 수 있습니다.

자세한 내용은 저장용량 파티셔닝 지원 중단 기능 트라이얼 갱신 블로그 게시물을 참고하세요.

버그 추적 #1191114 | ChromeStatus.com 항목

키보드 포커스 가능 스크롤 컨테이너 지원 중단 기능 트라이얼

이 기능에는 다음과 같은 변경사항이 포함되어 있습니다.

스크롤러는 기본적으로 클릭하여 포커스 가능하고 프로그래매틱 방식으로 포커스 가능합니다. 포커스 가능 하위 요소가 없는 스크롤러는 기본적으로 키보드 포커스 가능

이러한 변경사항을 출시하려고 했지만 일부 사이트에서 일부 구성요소에 대한 기대치를 충족하지 못했습니다. 따라서 이러한 중단을 피하기 위해 기능을 출시 취소해야 했습니다. 위에서 언급한 이점을 감안할 때 이 기능은 127개 출시되기 시작합니다. 영향을 받는 사이트에서 구성요소를 이전하는 데 더 많은 시간을 제공하기 위해 지원 중단 무료 체험판을 시작합니다. 사용 설정하면 KeyboardFocusableScrollers 기능이 사용 중지됩니다.

<ph type="x-smartling-placeholder"></ph> 오리진 트라이얼 | 키보드 포커스 가능 스크롤러 | 버그 추적 #1040141 | ChromeStatus.com 항목 | 사양

지원 중단 및 삭제

이 버전의 Chrome에는 다음과 같은 지원 중단 및 삭제 기능이 도입되었습니다. ChromeStatus.com에서 계획된 지원 중단, 현재 지원 중단, 이전 삭제 목록을 확인하세요.

이 Chrome 출시에서는 세 가지 기능이 삭제됩니다.

변형 이벤트

Chrome 127부터 변형 이벤트 지원이 기본적으로 사용 중지됩니다. 사이트가 중단되지 않도록 하려면 이 날짜 전에 코드를 이전해야 합니다. 시간이 더 필요한 경우 다음과 같은 몇 가지 옵션이 있습니다.

  • 변형 이벤트 지원 중단 기능 트라이얼 (https://developer.chrome.com/origintrials/#/view_trial/919297273937002497)을 사용하면 특정 사이트에서 제한된 기간 동안 이 기능을 다시 사용 설정할 수 있습니다. 2025년 3월 25일까지 Chrome 134까지 사용할 수 있습니다.
  • Chrome 134를 통해서도 MutationEventsEnabled 엔터프라이즈 정책을 같은 목적으로 사용할 수 있습니다.

자세한 내용은 변형 이벤트 지원 중단 블로그 게시물을 참고하세요.

버그 추적 #40268638 | ChromeStatus.com 항목 | 사양

하위 리소스의 '비공개 네트워크 요청'을 공개 웹사이트에서 안전한 컨텍스트로 제한

공개 웹사이트의 하위 리소스에 대한 비공개 네트워크 요청은 보안 컨텍스트에서만 시작할 수 있어야 합니다. 예를 들어 인터넷에서 인트라넷으로의 요청과 인터넷에서 루프백으로의 요청이 있습니다.

이는 비공개 네트워크 액세스를 완전히 구현하기 위한 첫 번째 단계입니다.

<ph type="x-smartling-placeholder"></ph> 버그 추적 #986744 | ChromeStatus.com 항목 | 사양

이전 CSS 맞춤 상태 문법 삭제

CSS 맞춤 상태 가상 클래스의 이름이 :--foo에서 :state(foo)로 변경됩니다. 새로운 문법 :state(foo)가 기본적으로 사용 설정되었으므로 :--foo 문법이 삭제됩니다.

Firefox와 Safari는 이전 구문을 구현하지 않았으며 모두 새로운 구문을 제공합니다.

시간이 더 필요한 Enterprise 고객은 CSSCustomStateDeprecatedSyntaxEnabled 정책을 사용할 수 있습니다. 이 정책은 Chrome 131에서 삭제됩니다.

버그 추적 #41486953 | ChromeStatus.com 항목

추가 자료

더 많은 정보를 찾고 싶으신가요? 추가 리소스를 확인해 보세요.

Chrome 다운로드

Chrome용 다운로드 Android, 데스크톱 또는 iOS: