Chrome 118 베타

CSS, 추가 미디어 기능, 키보드 포커스 가능 스크롤 컨테이너 등의 범위가 지정된 스타일

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

CSS

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

범위 지정 스타일

@scope 규칙을 사용하면 개발자가 지정된 범위 지정 루트로 스타일 규칙의 범위를 지정하고 해당 범위 지정 루트의 근접도에 따라 요소의 스타일을 지정할 수 있습니다.

CSS 논리적 흐름 상대 값

기존 CSS 속성에 다음과 같은 새 값을 추가합니다.

  • float: inline-start
  • float: inline-end
  • clear: inline-start
  • clear: inline-end
  • resize: block
  • resize: inline

이러한 흐름 관련 방향 키워드는 요소 또는 요소를 포함하는 블록의 쓰기 모드나 방향에 따라 실제 값으로 확인됩니다.

미디어 쿼리: Preferreds-Reduced-투명성 기능

prefers-reduced-transparency 미디어 기능이 추가되었습니다. 이 기능을 사용하면 macOS의 투명도 감소 설정과 같이 OS의 투명성을 낮추기 위해 개발자가 웹 콘텐츠를 사용자가 선택한 환경설정에 맞게 조정할 수 있습니다. 유효한 옵션은 reduce 또는 no-preference입니다.

변환 상자 CSS 속성에서 획 상자, 콘텐츠 상자, 테두리 상자 지원

이 지원을 추가하면 transform 속성의 참조 상자가 계산되는 방식을 변경할 수 있습니다. 이를 통해 추가 변환 또는 그래픽 효과를 사용할 수 있습니다. 예를 들어 콘텐츠 상자의 한 지점을 중심으로 한 회전이 요소의 테두리 너비가 결과에 영향을 미치지 않는 경우를 예로 들 수 있습니다. 또는 (SVG) 요소의 획이 결과에 영향을 주어야 하는 경우(예: 획을 포함하여 획이 있는 도형을 중심을 중심으로 회전하는 경우)

HTML

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

순차 포커스 탐색을 사용하여 스크롤 컨테이너를 포커스 가능하게 만들어 접근성을 개선합니다. 이번 변경 전에는 tabIndex가 명시적으로 0 이상으로 설정되지 않는 한 Tab 키가 스크롤러에 포커스를 두지 않습니다. 기본적으로 스크롤러를 포커스 가능하게 만들면 마우스를 사용할 수 없거나 사용하지 않으려는 사용자가 키보드의 탭과 화살표 키를 사용하여 잘린 콘텐츠에 액세스할 수 있습니다. 키보드 포커스 가능 요소가 포함된 스크롤러에는 이 동작이 적용되지 않습니다. 이러한 요소는 키보드를 통해 이미 액세스할 수 있기 때문입니다.

옵션 라벨 속성의 쿼크 모드 동작 삭제

옵션 요소는 label 속성을 지원하므로 옵션이 옵션 요소 자체의 하위 텍스트가 아닌 속성 내부 텍스트로 렌더링됩니다. 이 기능은 라벨 속성이 무시되고 하위 텍스트가 항상 렌더링되는 쿼크 모드에서는 사용 중지됩니다. 이렇게 변경하면 표준 모드와 쿼크 모드 모두에서 항상 라벨 속성이 사용됩니다.

Web API

개인 정보 보호 샌드박스 (PSB) 등록

개인 정보 보호 샌드박스 관련성 및 측정 API가 정식 버전으로 출시되기 시작함에 따라 Google에서는 이러한 기술이 의도된 대로 투명하게 사용되기를 바랍니다. API에는 Attribution Reporting, Protected Audience API, Topics API, Private Aggregation API, Shared Storage API가 포함됩니다. PSB는 개인 정보 보호 샌드박스 관련성 및 측정 API를 위한 새로운 개발자 등록 프로세스를 도입합니다. Chrome은 구성요소 업데이터를 통해 등록 서버에서 등록된 사이트 목록을 가져와 이를 사용하여 개인 정보 보호 샌드박스 API에 대한 액세스를 제어합니다.

제어 문자가 포함된 JavaScript를 통해 설정된 모든 쿠키 차단

JavaScript를 통해 설정된 쿠키의 제어 문자를 처리하는 방식이 업데이트됩니다. 특히 모든 제어 문자를 사용하면 전체 쿠키가 거부됩니다. 이전에는 쿠키 줄의 NULL 문자, 캐리지 리턴 문자 또는 라인 피드 문자로 인해 쿠키가 완전히 거부되는 대신 잘렸으며, 이로 인해 특정 상황에서 악의적인 동작이 발생할 수 있었습니다. 이 동작을 통해 Chrome도 RFC6265bis의 최신 초안에 명시된 동작을 준수하게 됩니다. 이 변경사항은 --disable-features=BlockTruncatedCookies 또는 BlockTruncatedCookies 엔터프라이즈 정책을 사용하여 사용 중지할 수 있습니다. 이 정책은 이 변경으로 인해 중단이 발생할 경우를 대비해 여러 마일스톤 동안 지속됩니다.

여러 언어에 일관된 최소 글꼴 크기

상호 운용성과 접근성을 개선하기 위해 7개 언어 (한국어, 아랍어, 페르시아어, 일본어, 태국어, 간체, 중국어 번체)에 대해 최소 글꼴 크기의 기본 설정을 기본적으로 사용 중지로 변경합니다. 변경 전에는 나열된 7개 언어를 제외한 모든 언어에 대해 이 설정이 기본적으로 사용 중지되어 있었습니다. 이번 변경으로 이러한 언어가 다른 언어와 일관되게 유지됩니다. 최소 글꼴 크기 기능 자체를 변경하는 것은 아닙니다. 접근성 및 가독성을 변경하지 않고 그대로 사용할 수 있습니다.

동일 문서 탐색에서 UA 전환 감지

사용자가 웹을 탐색할 때 시각적 전환이 매끄럽게 이루어지면 사용자가 맥락을 이해하는 데 도움이 되므로 인지 부하를 낮출 수 있습니다. 그러나 사이트 작성자와 UA가 모두 이러한 전환을 추가하면 사용자 경험이 저하됩니다. 전환이 충돌하고 사용자에게 혼란을 줄 수 있습니다. 이 API는 이러한 상황을 방지하여 한 번에 하나의 시각적 전환만 실행되도록 합니다. API는 PopStateEvent 및 NavigateEvent에 불리언을 추가하여 UA가 이 탐색의 시각적 전환을 실행했는지 나타냅니다. 개발자는 이를 사용하여 맞춤 전환을 건너뛸 수 있습니다.

URL 파서는 URL 경로에서 퍼센트 인코딩 ASCII 문자를 디코딩하지 않습니다.

이렇게 변경하면 URL 파서가 URL 경로에서 '%41'과 같은 퍼센트 인코딩 ASCII 문자를 디코딩하지 않습니다. ('A') 변경 전: 

const url = new URL("http://example.com/%41");
url.href "http://example.com/A"

변경 후: 

const url = new URL("http://example.com/%41"); 
url.href "http://example.com/%41"

Protected Audience 제외 타겟팅

광고 공간에 대한 온라인 광고 입찰에서 특정 잠재고객에게 광고가 게재되지 않도록 하는 것이 유용한 경우가 있습니다. 이러한 개념을 제외 타겟팅이라고 합니다. 예를 들어 기존 고객에게 신규 고객 광고를 표시하고 싶지 않을 수 있습니다. 신규 고객 획득 캠페인에서는 이를 매우 중요한 요구사항으로 하는 경우가 대부분입니다. 현재 Protected Audience를 사용하면 광고가 웹에서의 과거 활동을 통해 특정 관심분야 그룹에 가입한 사용자를 타겟팅할 수 있습니다. 이 기능은 새 광고가 특정 관심분야 그룹에 가입하지 않은 사용자만 타겟팅하도록 허용함으로써 제외 타겟팅을 사용 설정하도록 Protected Audience를 확장합니다. 이러한 방식으로 Google에서는 광고주가 Protected Audience API의 기존 개인 정보 보호 개념을 사용하여 새로운 사용자 그룹을 타겟팅할 수 있습니다.

결제 사용자 활성화 요구사항 삭제

개발자가 결제 요청 절차의 장애를 줄일 수 있도록 결제 요청 및 보안 결제 확인에서 사용자 활성화 요구사항을 삭제할 예정입니다. 이 변경사항으로 보안 및 개인 정보 보호 위험을 완화하기 위해 스팸 및 클릭재킹 완화 조치가 적용됩니다.

확장 프로그램 서비스 워커의 WebUSB

웹 개발자가 브라우저 확장 프로그램에 등록된 서비스 워커에 WebUSB API를 노출하여 확장 프로그램 이벤트에 응답할 때 WebUSB API를 사용하도록 허용합니다. 이 API는 현재 사이트에서 등록한 서비스 워커에 노출되지 않습니다.

XML 문서가 연속된 CDATA 섹션을 단일 노드로 병합함

libxml의 버그로 인해 XHTML 문서의 CDATA 섹션에서 문서의 크기와 CDATA 섹션의 위치에 따라 때때로 여러 노드를 잘못 생성할 수 있습니다. 단일 CDATA 섹션이 여러 입력 파서 청크에 걸쳐 있는 경우, libxml은 버퍼링 후 CDATA 입력을 300바이트 실행으로 내보냅니다. 이로 인해 갑자기 하나의 CDATA 섹션이 여러 노드로 바뀝니다 (입력 청크의 길이가 300바이트를 초과하는 경우). 이 변경으로 인해, 파싱 중에 동위 CDATA 섹션 노드가 단일 CDATA 섹션으로 병합됩니다. 이렇게 하면 파싱하는 동안 libxml 버그가 수정되지만 작성된 별도의 노드도 병합됩니다. 예: <![CDATA[foo]]><!CDATA[bar]]> 콘텐츠 "foobar": CDATA "foobar"가 있는 단일 CDATA DOM 노드를 생성합니다.

beforeunload 핸들러 대화상자 조건 변경

취소 대화상자에 beforeunload 이벤트에 관한 메시지가 표시되는 방식에 두 가지 새로운 변경사항이 있습니다.

event.preventDefault()가 호출되면 취소 대화상자를 표시합니다. event.returnValue가 빈 문자열인 경우 취소 대화상자를 표시하지 않습니다.

오리진 트라이얼 진행 중

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

WebRTC 인코딩 변환: 메타데이터 함수 수정

오디오 및 동영상 프레임 메타데이터를 조작할 수 있는 기능을 WebRTC Encoding Transform API에 추가합니다. WebRTC 인코딩 미디어를 먼저 디코딩하지 않고 조작해야 하는 사용 사례가 많이 확인되었습니다. 예를 들면 다음과 같습니다.

  • 이전에 인코딩된 데이터를 전송합니다.
  • 인코딩된 형식으로 수신된 데이터를 전송합니다.
  • 인코딩된 형식으로 데이터를 수신하여 전달합니다.

특히 동일한 미디어 페이로드를 제공하지만 메타데이터가 다른 여러 중복 피어 연결에서 오는 미디어의 무결함 전달 사용 사례를 지원하고자 합니다.

RTCEncodedFrameSetMetadata 오리진 트라이얼에 등록합니다.

지원 중단 및 삭제

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

이 Chrome 버전에서는 다음 기능이 삭제됩니다.

일부 비표준 노출 키워드 삭제

Chrome 118에서는 사용량이 가장 적은 비표준 appearance 키워드가 비활성화됩니다. 기능이 비활성화된 후 키워드를 값으로 사용하면 노출 속성이 무시됩니다. Chrome 118에서 비활성화되는 키워드는 사용량이 0.001% 미만인 키워드입니다.

  • media-slider
  • media-sliderthumb
  • media-volume-slider
  • media-volume-sliderthumb
  • sliderthumb-horizontal
  • sliderthumb-vertical

배경

표준 appearance 키워드만 지원되어야 하므로 비표준 키워드 appearance 및 -webkit-appearance 키워드가 삭제됩니다. 전체 목록은 다음과 같습니다.

  • inner-spin-button
  • media-slider
  • media-sliderthumb
  • media-volume-slider
  • media-volume-sliderthumb
  • push-button
  • searchfield-cancel-button
  • slider-horizontal
  • sliderthumb-horizontal
  • sliderthumb-vertical
  • square-button

slider-vertical 값은 이 작업의 일부로 삭제되지 않습니다. <input type=range> 카테고리를 허용하는 데 사용되는 패치입니다. 그것은 양식 컨트롤 세로 쓰기 모드가 완전히 채택되면 삭제됩니다.

비활성화되기 전에 위의 키워드 중 하나를 사용하면 콘솔 경고가 표시되지만 키워드는 유효한 값으로 인식됩니다.