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의 기여자 덕분에 이제 이러한 속성에 대한 보간 유형을 지원합니다. 이제 그리드 레이아웃이 애니메이션 또는 전환의 중간 지점에서 스냅되지 않고 상태 간에 부드럽게 전환할 수 있습니다.
개인 정보를 보호하는 화면 공유 제어
Screen Capture API에는 사용자가 미디어 스트림으로 캡처할 화면이나 화면의 일부 (예: 창)를 선택할 수 있도록 기존 Media Capture and 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 헤더는 모든 공개 웹사이트에서 CT 시행이 요구되기 전에 CT 시행 또는 보고를 강화하기 위해 가치가 높은 웹사이트에서 CT 시행 또는 보고를 선택할 수 있도록 함으로써 범용 인증서 투명성(CT) 시행으로 전환하는 데 도움이 되도록 설계되었습니다. 그러나 Expect-CT는 이제 오래되었습니다. 현재 Chrome의 모든 공개 웹사이트에서 CT가 필요하므로 Expect-CT에 더 이상 보안 값이 없습니다. Expect-CT를 구현한 다른 브라우저가 없으므로 삭제해도 상호 운용성이 우려되지 않습니다.