Screen Capture API, CSS 그리드 템플릿 속성 보간 등에 추가되었습니다.
달리 명시되지 않는 한, 아래 설명된 변경사항은 Android, ChromeOS, Linux, macOS, Windows용 최신 Chrome 베타 채널 버전에 적용됩니다. 제공된 링크 또는 ChromeStatus.com의 목록을 통해 여기에 나열된 기능에 대해 자세히 알아보세요. Chrome 107은 2022년 9월 29일 현재 베타 버전입니다. Google.com(데스크톱) 또는 Android Google Play 스토어에서 최신 앱을 다운로드할 수 있습니다.
CSS grid-template 속성 보간 유형
CSS 그리드에서 grid-template-columns 및 grid-template-rows 속성을 사용하면 개발자가 각각 선 이름을 정의하고 그리드 열과 행의 크기를 추적할 수 있습니다. Microsoft의 기여자 덕분에 Google은 이제 이러한 속성에 대한 보간 유형을 지원합니다. 이제 그리드 레이아웃이 애니메이션 또는 전환의 중간 지점에 맞춰지는 대신 상태 간에 부드럽게 전환할 수 있습니다.
개인 정보를 보호하는 화면 공유 제어 기능
Screen Capture API는 기존 Media Capture 및 Streams API에 추가된 기능을 통해 사용자가 미디어 스트림으로 캡처할 화면 또는 화면 일부 (예: 창)를 선택할 수 있습니다. 그러면 이 스트림을 녹화하거나 네트워크를 통해 다른 사용자와 공유할 수 있습니다. 이 베타에서는 이 API에 몇 가지 새로운 기능이 추가되었습니다.
DisplayMediaStreamConstraints.selfBrowserSurface
웹 애플리케이션이 getDisplayMedia() 호출 시 사용자에게 제공되는 탭 목록에서 현재 탭을 제외해야 하는지 여부를 브라우저에 지시하도록 허용하는 힌트입니다.
이렇게 하면 사용자가 실수로 앱이 실행되는 탭을 선택할 때 거울의 방 효과가 발생해 사용자에게 혼란을 주고 원격 사용자와의 토론을 방해하며 실수로 셀프 캡처를 수행하는 것을 방지할 수 있습니다.
DisplayMediaStreamConstraints.surfaceSwitching
화면 공유 중에 Chrome에서 탭 전환 버튼을 표시할지 여부를 프로그래매틱 방식으로 제어하는 옵션을 추가합니다. 이 옵션은 navigator.mediaDevices.getDisplayMedia()에 전달됩니다.
대신 이 탭 공유 버튼을 사용하면 사용자가 화상 회의 탭을 다시 선택하거나 버튼을 클릭하여 getDisplayMedia()을(를) 다시 시작하거나, 긴 탭 목록에서 새 탭을 선택하지 않고도 공유 중인 탭을 원활하게 전환할 수 있습니다. 일부 웹 애플리케이션이 이 동작을 처리할 수 있는 것은 아니므로 이 동작은 조건부로 노출됩니다.
MediaTrackConstraintSet.displaySurface
getDisplayMedia()가 호출되면 브라우저에서 사용자는 탭, 창, 모니터와 같은 디스플레이 노출 영역을 선택할 수 있습니다. 이제 웹 애플리케이션은 displaySurface 제약 조건을 사용하여 특정 노출 영역 유형이 사용자에게 더 눈에 띄게 제공되기를 원하는 경우 브라우저에 힌트를 줄 수 있습니다.
실수로 인한 과도한 공유를 방지하는 데 이러한 기능이 어떻게 도움이 되는지 자세히 알아보세요.
Resource Timing의 렌더링 차단 상태
리소스의 렌더링 차단 상태를 나타내는 필드를 PerfomanceResourceTiming에 추가합니다. 현재 개발자의 관점에서 볼 때 어떤 리소스가 실제로 렌더링 차단되었는지 확인하는 유일한 방법은 복잡한 휴리스틱에 의존하는 것입니다. 대신 새 필드는 동일한 항목에 관한 직접적인 신호를 제공합니다.
권한 정책 출처의 와일드 카드
이 기능은 SCHEME://HOST:PORT (예: https://foo.com/)에서 유효한 출처를 생성할 수 있는 SCHEME://*.HOST:PORT (예: https://*.foo.com/)과 같은 구조화된 권한 정책에 와일드 카드 지원을 추가합니다. 이를 위해서는 HOST가 eTLD+1 (등록 가능한 도메인) 이상이어야 합니다. 즉, https://*.bar.foo.com/는 작동하지만 https://*.com/는 작동하지 않습니다. 스키마 및 포트 섹션의 와일드 카드는 지원되지 않으며 https://*.foo.com/에서 https://foo.com/에 위임하지 않습니다. 권한 정책이 다음과 같아야 할 수 있습니다.
permissions-policy: ch-ua-platform-version=(self "https://foo.com" "https://cdn1.foo.com" "https://cdn2.foo.com")
이 기능을 통해 다음을 사용할 수 있습니다.
permissions-policy: ch-ua-platform-version=(self "https://foo.com" "https://*.foo.com")
<form> 요소에서 rel 속성 지원
이 기능은 양식 요소에 rel 속성을 추가합니다. 이렇게 하면 rel=noopener가 있는 양식 요소가 이동하는 웹사이트에 window.opener가 표시되지 않도록 하고 리퍼러 헤더가 rel=noreferrer와 함께 전송되는 것을 방지할 수 있습니다.
오리진 트라이얼
이번 Chrome 버전에는 2가지 새로운 오리진 트라이얼이 있었습니다.
선언적 PendingBeacon API
비콘이 전송되는 시기를 브라우저에서 제어할 수 있는 스테이트풀(Stateful) 비콘 API입니다. 비콘은 특정 응답을 기대하지 않고 백엔드 서버로 전송되는 데이터 번들입니다. 많은 경우 사용자가 페이지를 방문할 때 이를 전송하는 것이 바람직하지만, '전송'하기에 적합한 시점이 아닙니다. 합니다. 이 API는 브라우저 자체에 전송을 위임하므로 개발자가 정확한 시점에 전송 호출을 구현하지 않고도 페이지 로드 취소 또는 페이지 숨기기 시 비콘을 지원할 수 있습니다.
이 체험판은 Chrome 109까지 실행될 예정입니다. 여기에서 무료 체험을 등록하세요.
권한-정책: 로드 취소
이 기능을 사용하면 페이지에서 로드 취소 이벤트 핸들러의 실행을 사용 중지할 수 있습니다. 목표는 모든 로드 취소 핸들러를 삭제한 사이트에서 실수로 새 핸들러를 추가하지 않도록 하는 것입니다. 이렇게 하면 사이트에서 로드 취소 이벤트 핸들러를 이전하여 BFCache 적중률을 개선할 수 있습니다.
이 체험판은 Chrome 109까지 실행될 예정입니다. 여기에서 무료 체험판에 등록하세요.
지원 중단 및 삭제
이 버전의 Chrome에는 다음과 같은 지원 중단 및 삭제 기능이 도입되었습니다. 예정된 지원 중단, 현재 지원 중단 및 이전에 이루어진 삭제 목록을 보려면 ChromeStatus.com을 방문하세요.
이 Chrome 버전에서는 한 가지 기능이 지원 중단됩니다.
예상-CT
Expect-CT는 기본적으로 시행되기 전에 웹사이트에서 인증서 투명성 시행을 선택할 수 있도록 허용한 HTTP 헤더입니다. 또한 개발자가 CT 구성 오류를 발견하는 데 도움이 되는 보고 기능이 있습니다.
Expect-CT HTTP 헤더는 Chrome이 모든 공개 웹사이트에서 CT 시행을 요구하기 전에 고가치 웹사이트가 CT 시행 또는 보안 강화를 위한 보고를 선택할 수 있도록 허용하여 범용 인증서 투명성(CT) 시행으로 전환할 수 있도록 설계되었습니다. 그러나 Expect-CT는 이제 더 이상 유용하지 않습니다. 이제 Chrome은 모든 공개 웹사이트에서 CT를 요구하므로 Expect-CT는 더 이상 보안 가치가 없습니다. 다른 브라우저에서 Expect-CT를 구현하지 않았으므로 삭제가 상호 운용성 문제가 아닙니다.