Chrome 127 베타

달리 명시되지 않는 한 다음 변경사항은 Android, ChromeOS, Linux, macOS, Windows용 최신 Chrome 베타 채널 출시에 적용됩니다. 제공된 링크 또는 ChromeStatus.com의 목록을 통해 여기 나열된 기능에 관해 자세히 알아보세요. Chrome 127은 2024년 6월 12일 현재 베타 버전입니다. 데스크톱의 경우 Google.com 또는 Android의 Google Play 스토어에서 최신 앱을 다운로드할 수 있습니다.

CSS

이 버전에는 세 가지 새로운 CSS 기능이 추가되었습니다.

CSS 글꼴 크기 조정

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

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

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

CSS content 속성을 사용하면 다음 문법으로 접근성을 위한 대체 텍스트를 지정할 수 있습니다.

.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);
}

이 기능 항목에는 다른 지원 서비스 추가가 포함되지 않습니다.

iframe의 뷰 전환 지원

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

이전에는 기본 프레임에서 동시에 전환을 실행 중인 경우 동일한 출처 iframe에서 document.startViewTransition를 사용하여 뷰 전환을 실행할 수 없었습니다. iframe의 전환은 자동으로 건너뜁니다. 이제 두 전환이 모두 실행됩니다.

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

Web API

Attribution Reporting에 추가된 사항

Chrome 127에는 기여도 보고를 위한 두 가지 추가 기능이 포함되어 있습니다. 집계 디버그 보고를 사용하면 서드 파티 쿠키가 지원 중단된 후에도 API 호출자가 디버깅 정보를 계속 수신할 수 있습니다. 기여 분석 범위를 사용하면 기여 분석 필터링을 더 세부적으로 관리할 수 있습니다.

자동 전체 화면 콘텐츠 설정

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

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

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

파티셔닝된 쿠키의 CookiePartitionKey에 대한 크로스 사이트 상위 체인 비트

Chrome 127에서는 파티션을 나눈 쿠키 CookiePartitionKey의 키링에 크로스 사이트 상위 비트를 추가합니다. 이 변경사항에 따라 파티션 키와 스토리지 파티션 나누기에 사용되는 파티션 키 값을 통합하고, 크로스 사이트 삽입 프레임이 최상위 사이트의 파티셔닝된 쿠키에 액세스하지 못하도록 차단하여 클릭재킹 공격으로부터 더욱 안전하게 보호합니다.

삽입된 iframe에서 중단이 발생하는 기업은 Partitioned 속성 없이 CookiesAllowedForUrls 정책을 사용하거나 SameSite=None 쿠키를 사용한 다음 Storage Access API (SAA)를 호출하여 삽입된 iframe이 최상위 도메인과 동일한 쿠키에 액세스하도록 할 수 있습니다.

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

이렇게 하면 문서 PIP 모드 창에서의 사용자 활성화를 시작 창 내부뿐만 아니라 다른 방법으로도 사용할 수 있습니다. 이렇게 하면 문서 PIP 모드의 이벤트 핸들러가 실제로 오프너의 컨텍스트에서 실행되는 경우가 많으므로 사용자 활성화 제한 API를 사용하는 것이 더 인체공학적입니다. 따라서 오프너의 컨텍스트가 사용자 동작에 액세스해야 합니다.

가져오기 지도 무결성

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

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

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

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

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

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

사전 렌더링을 위한 No-Vary-Search 지원

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

이벤트 맞추기

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

CSS 스크롤 스냅 포인트는 스크롤 대화형 선택 구성요소를 만드는 메커니즘으로 자주 사용되며, 여기서 선택은 JavaScript 교차 관찰자와 스크롤 끝 추측을 통해 결정됩니다. 기본 제공 이벤트를 만들면 보이지 않는 상태가 적시에 실행 가능하며 항상 수정됩니다.

이 기능은 scrollsnapchange 및 scrollsnapchanging라는 두 가지 JavaScript 이벤트를 추가합니다. scrollsnapchange 이벤트는 스크롤 작업 (맞추기 포함)이 완료되면 스크롤러가 맞춰진 요소가 변경되었음을 개발자가 알 수 있도록 합니다. scrollsnapchanging 이벤트는 스크롤 작업 중에 사용자 에이전트가 지금까지의 스크롤 입력을 기반으로 스크롤 컨테이너를 새로운 맞추기 타겟에 맞추려고 한다는 힌트를 개발자에게 제공합니다.

MediaMetadata 동영상 챕터

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

이는 ChromeOS 미디어 알림에만 표시되며 Chrome 브라우저 글로벌 미디어 컨트롤에는 표시되지 않습니다.

WebGPU: GPUAdapter 정보 속성

동기 GPUAdapter 정보 속성을 추가하여 물리적 어댑터에 관해 비동기 GPUAdapter requestAdapterInfo() 메서드와 동일한 정보를 검색합니다.

오리진 트라이얼 진행 중

Chrome 127에서는 다음과 같은 새로운 오리진 트라이얼을 선택할 수 있습니다.

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

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

비공개 네트워크 액세스 (PNA)를 위한 0.0.0.0 지원 중단

PNA가 완전히 출시되기 전에 IP 주소 0.0.0.0에 대한 액세스를 차단하는 것이 좋습니다.

Chrome에서는 PNA 사양의 일환으로 공개 웹사이트에서 비공개 네트워크 엔드포인트에 대한 직접 액세스가 지원 중단됩니다. 이 사양은 localhost (127.0.0.0/8)에서 수신 대기하는 서비스를 비공개로 간주합니다. Chrome의 PNA 보호 (https://chromestatus.com/feature/5436853517811712의 일부로 출시됨)는 IP 주소 0.0.0.0를 사용하여 우회하여 macOS 및 Linux의 localhost에서 수신 대기하는 서비스에 액세스할 수 있습니다.

이는 localhost에서 수신 대기하는 웹 애플리케이션을 대상으로 하는 DNS 리바인딩 공격에도 악용될 수 있습니다.

0.0.0.0는 실제로 사용되지 않으며 사용되어서는 안 되므로 나머지 비공개 네트워크 요청 지원 중단과 별도로 지원 중단될 예정입니다.

서드 파티 쿠키 지원 중단

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

서드 파티 쿠키 지원 중단은 새로운 기술을 통해 주요 사용 사례를 지원하는 동시에 웹 등에서 책임감 있게 교차 사이트 추적을 줄이는 것을 목표로 하는 개인 정보 보호 샌드박스 이니셔티브의 핵심입니다.

스토리지, 서비스 워커, 커뮤니케이션 API 파티셔닝

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

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

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

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

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

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

Google은 이러한 변경사항을 적용하려고 했으나 일부 사이트에서 일부 구성요소에 대한 기대에 부응하지 못한 것으로 확인되었습니다. 따라서 이 중단을 피하기 위해 기능을 출시 취소해야 했습니다. 이러한 이점을 감안할 때 이 기능은 127에서 배포되기 시작합니다. 영향을 받는 사이트가 구성요소를 이전할 시간을 더 확보하기 위해 지원 중단 기능 트라이얼을 시작합니다. 사용 설정하면 기능이 사용 중지됩니다.

지원 중단 및 삭제

이 버전의 Chrome에는 다음과 같은 지원 중단 및 삭제 기능이 도입되었습니다. 예정된 지원 중단, 현재 지원 중단 및 이전에 이루어진 삭제 목록을 보려면 ChromeStatus.com을 방문하세요.

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

변형 이벤트

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

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

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

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

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

이전 CSS 맞춤 상태 문법 삭제

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

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

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