Chrome 127

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

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

<ph type="x-smartling-placeholder">

CSS

CSS 글꼴 크기 조정

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

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

<ph type="x-smartling-placeholder"></ph> 버그 추적 #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);
}

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

<ph type="x-smartling-placeholder"></ph> 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() 메서드와 마찬가지로 실제 어댑터에 관한 동일한 정보를 검색합니다.

<ph type="x-smartling-placeholder"></ph> 버그 추적 #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 항목

자바스크립트

가져오기 지도 무결성

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

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

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

이벤트 맞추기

맞추기 이벤트를 사용하면 개발자는 스크롤러의 맞추기 타겟이 변경되는 시점을 안정적으로 수신 대기하고 원하는 대로 스타일을 조정할 수 있습니다.

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 응답의 외부 사전으로 사용하기 위한 지원을 추가합니다.

<ph type="x-smartling-placeholder"></ph> 오리진 트라이얼 | 데모 | 버그 추적 #1413922 | ChromeStatus.com 항목 | 사양

서드 파티 쿠키 지원 중단

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

서드 파티 쿠키 지원 중단은 개인 정보 보호 샌드박스 이니셔티브의 주된 노력으로, 웹과 그 밖의 환경에서 크로스 사이트 추적을 책임감 있게 줄이는 동시에 새로운 기술을 통해 주요 사용 사례를 지원하는 것을 목표로 합니다.

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

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

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

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

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

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

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

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

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

Google은 이러한 변경사항을 적용하려고 했으나 일부 사이트에서 일부 구성요소에 대한 기대에 부합하지 않는 것으로 나타났습니다. 따라서 이러한 중단을 피하기 위해 기능을 출시 취소해야 했습니다. 위에서 언급한 이점을 감안하면 이 기능은 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 엔터프라이즈 정책을 같은 목적으로 사용할 수 있습니다.

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

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

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

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

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

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

이전 CSS 맞춤 상태 문법 삭제

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

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

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

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

추가 자료

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

Chrome 다운로드

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