CSS의 범위 지정 스타일, 추가 미디어 기능, 키보드에 포커스를 맞출 수 있는 스크롤 컨테이너 등
달리 명시되지 않는 한, 설명된 변경사항은 Android, ChromeOS, Linux, macOS, Windows용 최신 Chrome 베타 채널 출시에 적용됩니다. 제공된 링크 또는 ChromeStatus.com의 목록을 통해 여기에 표시된 기능을 자세히 알아보세요. Chrome 118은 2023년 9월 13일 현재 베타 버전입니다. 데스크톱용 Google.com 또는 Android의 Google Play 스토어에서 최신 앱을 다운로드할 수 있습니다.
CSS
이 버전에는 4가지 새로운 CSS 기능이 추가되었습니다.
범위 지정 스타일
@scope 규칙을 사용하면 개발자는 지정된 범위 지정 루트로 스타일 규칙의 범위를 지정하고 해당 범위 지정 루트의 근접성에 따라 요소의 스타일을 지정할 수 있습니다.
CSS 논리적 흐름 기준 값
기존 CSS 속성에 다음과 같은 새 값을 추가합니다.
float: inline-startfloat: inline-endclear: inline-startclear: inline-endresize: blockresize: inline
이러한 흐름 기준의 방향 키워드는 요소 또는 포함 블록의 쓰기 모드나 방향에 따라 실제 값을 나타냅니다.
미디어 쿼리: Preferreds-reduced-transparency 기능
macOS의 투명도 줄이기 설정과 같이 OS에서 투명도를 줄이기 위해 개발자가 사용자가 선택한 환경설정에 따라 웹 콘텐츠를 조정할 수 있는 prefers-reduced-transparency 미디어 기능이 추가되었습니다. 유효한 옵션은 reduce 또는 no-preference입니다.
변환-box 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를 통해 설정된 쿠키의 제어 문자를 처리하는 방식이 업데이트됩니다. 특히 제어 문자를 모두 사용하면 전체 쿠키가 거부됩니다. 이전에는 쿠키 줄에 NULL 문자, 캐리지 리턴 문자, 라인 피드 문자가 있으면 쿠키가 완전히 거부되지 않고 잘렸으며, 이로 인해 특정 상황에서 악의적인 동작이 발생할 수 있었습니다. 이 동작을 통해 Chrome도 RFC6265bis의 최신 초안에 명시된 동작을 준수하게 됩니다. 이 변경사항은 --disable-features=BlockTruncatedCookies 또는 BlockTruncatedCookies 엔터프라이즈 정책을 사용하여 사용 중지할 수 있습니다. 이 정책은 이러한 변경으로 인해 중단이 발생할 경우를 대비해 여러 마일스톤 동안 존재합니다.
모든 언어에서 일관된 최소 글꼴 크기
상호 운용성과 접근성을 개선하기 위해 7개 언어 (한국어, 아랍어, 페르시아어, 일본어, 태국어, 중국어 간체 및 번체)에서 최소 글꼴 크기의 기본 설정을 기본적으로 사용 중지합니다. 변경 전에는 위에 나열된 7개 언어를 제외한 모든 언어에 대해 이 설정이 기본적으로 사용 중지되어 있었습니다. 이 변경으로 인해 언어가 다른 언어와 일치하도록 되었습니다. 최소 글꼴 크기 기능 자체를 변경하는 것이 아닙니다. 접근성 및 가독성을 변경하지 않고도 사용할 수 있습니다.
동일한 문서 탐색에서 UA 전환 감지
사용자가 웹을 탐색할 때 시각적 전환이 매끄럽게 이루어지면 사용자가 상황을 파악할 수 있으므로 인지 부하를 줄일 수 있습니다. 그러나 사이트 작성자와 UA가 모두 이러한 전환을 추가하면 사용자 환경이 나빠집니다. 전환이 충돌하여 사용자에게 혼란을 야기할 수 있습니다. 이 API는 이러한 경우를 방지하여 한 번에 하나의 시각적 전환만 실행되도록 합니다. API는 PopStateEvent 및 NavigateEvent에 불리언을 추가하여 UA가 이 탐색에 시각적 전환을 실행했는지 여부를 나타냅니다. 개발자는 이를 사용하여 맞춤 전환을 건너뛸 수 있습니다.
URL 파서가 URL 경로에서 퍼센트 인코딩 ASCII 문자를 디코딩하지 않음
이렇게 변경하면 URL 파서가 URL 경로에서 '%41' ('A')과 같은 퍼센트 인코딩 ASCII 문자를 디코딩하지 않습니다. 변경 전:
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를 확장하여 새 광고가 특정 관심분야 그룹에 참여하지 않은 사용자만 타겟팅하도록 허용함으로써 제외 타겟팅을 지원합니다. 이러한 방식으로 광고주는 Protected Audience API의 기존 개인 정보 보호 개념을 사용하여 새로운 사용자 그룹을 타겟팅할 수 있습니다.
결제 사용자 활성화 요구사항 삭제
개발자가 결제 요청 절차의 불편을 줄일 수 있도록 결제 요청 및 보안 결제 확인에서 사용자 활성화 요구사항이 삭제됩니다. 이번 변경으로 보안 및 개인 정보 보호 관련 위험을 완화하기 위해 스팸 및 클릭재킹 완화 조치가 시행됩니다.
확장 프로그램 서비스 워커의 WebUSB
웹 개발자가 확장 프로그램 이벤트에 응답할 때 WebUSB API를 브라우저 확장 프로그램으로 등록한 서비스 워커에 노출함으로써 WebUSB API를 사용하도록 허용합니다. 이 API는 현재 사이트에서 등록한 서비스 워커에 노출되지 않습니다.
XML 문서가 연속적인 CDATA 섹션을 단일 노드로 병합
libxml의 버그로 인해, XHTML 문서의 CDATA 섹션에서 문서의 크기와 문서의 CDATA 섹션 위치에 따라 여러 개의 노드가 잘못 생성될 수 있습니다. 단일 CDATA 섹션이 여러 입력 파서 청크에 걸쳐 있는 경우, libxml은 버퍼링되고 300바이트 실행에 CDATA 입력을 방출합니다. (입력 청크의 길이가 300바이트를 초과하는 경우) 이로 인해 예기치 않게 단일 CDATA 섹션이 여러 노드로 전환됩니다. 이 변경으로 인해 파싱하는 동안 동위 CDATA 섹션 노드가 단일 CDATA 섹션으로 병합됩니다. 파싱 중 libxml 버그가 수정되지만 작성된 개별 노드도 병합됩니다. 예: <![CDATA[foo]]><!CDATA[bar]]> 콘텐츠가 "foobar": CDATA "foobar"인 단일 CDATA DOM 노드를 생성합니다.
beforeunload 핸들러 대화상자 조건 변경
beforeunload 이벤트에 관한 취소 대화상자에 메시지가 표시되는 방식에 두 가지 새로운 변경사항이 있습니다.
event.preventDefault()가 호출되면 취소 대화상자를 표시합니다.
event.returnValue가 빈 문자열인 경우 취소 대화상자 메시지를 표시하지 않습니다.
오리진 트라이얼 진행 중
Chrome 118에서는 다음과 같은 새로운 오리진 트라이얼을 선택할 수 있습니다.
WebRTC 인코딩 변환: 메타데이터 함수 수정
WebRTC Enencoded Transform API에 오디오 및 동영상 프레임 메타데이터를 조작할 수 있는 기능을 추가합니다. WebRTC 인코딩 미디어를 먼저 디코딩하지 않고 조작해야 하는 여러 사용 사례가 확인되었습니다. 예를 들면 다음과 같습니다
- 이전에 인코딩된 데이터 전송
- 인코딩된 형식으로 수신된 데이터 전송
- 인코딩된 형식으로 데이터를 수신하여 전달
특히 Google에서는 동일한 미디어 페이로드를 제공하지만 메타데이터가 다른 여러 중복 피어 연결에서 발생하는 미디어의 결함 없는 전달 사용 사례를 지원하고자 합니다.
RTCEncodedFrameSetMetadata 오리진 트라이얼에 등록합니다.
지원 중단 및 삭제
이 Chrome 버전에서는 아래에 나열된 지원 중단 및 삭제 기능이 도입됩니다. ChromeStatus.com을 방문하여 예정된 지원 중단, 현재 지원 중단, 이전에 삭제된 앱 목록을 확인하세요.
이번 Chrome 버전에서는 다음 기능이 삭제됩니다.
일부 비표준 노출 키워드 삭제
Chrome 118에서는 사용 빈도가 가장 낮은 비표준 appearance 키워드가 비활성화됩니다. 기능이 비활성화되면 노출 속성이 해당 키워드를 값으로 사용하는 경우 무시됩니다. Chrome 118에서 비활성화되는 키워드는 사용량이 0.001% 미만인 키워드입니다.
media-slidermedia-sliderthumbmedia-volume-slidermedia-volume-sliderthumbsliderthumb-horizontalsliderthumb-vertical
배경
표준 appearance 키워드만 지원되어야 하므로 비표준 키워드 appearance (및 -webkit-appearance) 키워드를 삭제할 예정입니다. 전체 목록은 다음과 같습니다.
inner-spin-buttonmedia-slidermedia-sliderthumbmedia-volume-slidermedia-volume-sliderthumbpush-buttonsearchfield-cancel-buttonslider-horizontalsliderthumb-horizontalsliderthumb-verticalsquare-button
slider-vertical 값은 이 패치에서 삭제되지 않으며 <input type=range> 카테고리를 허용하는 데 사용됩니다. 이 기능은 양식 컨트롤 세로 쓰기 모드가 완전히 채택되면 삭제될 예정입니다.
비활성화되기 전에 위의 키워드를 사용할 경우 콘솔 경고가 표시되지만 키워드는 유효한 값으로 인식됩니다.