CSS 표시 속성, WebGPU용 WGSLLanguageFeatures, HTTPS 업그레이드 등에 대한 여러 키워드
달리 명시되지 않는 한, 설명된 변경사항은 Android, ChromeOS, Linux, macOS, Windows용 최신 Chrome 베타 채널 버전에 적용됩니다. 제공된 링크 또는 ChromeStatus.com의 목록을 통해 여기에 나열된 기능에 대해 자세히 알아보세요. Chrome 115는 2023년 5월 31일 현재 베타 버전입니다. Google.com(데스크톱) 또는 Android Google Play 스토어에서 최신 앱을 다운로드할 수 있습니다.
CSS
이 버전에는 세 가지 새로운 CSS 기능이 추가되었습니다.
display
속성의 여러 값
이제 CSS display
속성이 기존의 사전 구성된 키워드 외에 여러 키워드를 값으로 허용합니다. 처음 두 키워드는 디스플레이의 외부 및 내부 값을 나타냅니다. list-item
에 관한 선택적 플래그, table-cell
와 같은 내부 값, contents
및 none
의 상자 값이 있습니다.
외부 및 내부 키워드를 사용하여 외부 상자의 동작 방식(블록 또는 인라인)과 내부 하위 요소의 동작 방식(예: flex
, grid
, flow
)을 정의할 수 있습니다. 따라서 display: flex
는 display: block flex
가 되고 display: block
는 display: block flow
가 됩니다. 일반 매핑 목록과 자세한 내용은 MDN을 참조하세요.
불리언 컨텍스트 스타일 컨테이너 쿼리
Chrome 115에서는 초기 값이 아닌 값을 일치시키는 방법으로 선언 값이 없고 속성 이름만 있는 style()
컨테이너 쿼리를 지원합니다. 이전에는 not style(--my-property: initial)
를 사용해야 했습니다. 이제 style(--my-property)
를 사용하여 초기 값이 아닌 값을 일치시킬 수 있습니다.
스크롤 기반 애니메이션
ScrollTimeline
및 ViewTimeline
는 웹 애니메이션 사양을 확장한 것으로, 이를 통해 개발자는 스크롤러의 위치 또는 스크롤러 내 요소의 위치를 입력 'time'으로 사용할 수 있습니다. 기본 단조 시간이 아닙니다. 이를 통해 사용자 스크립트를 실행하지 않고도 축소 탐색 메뉴와 같은 가속화된 스크롤 기반 애니메이션을 사용할 수 있습니다. CSS 애니메이션과 웹 애니메이션에 사용되는 CSS와 JavaScript를 통해 선언하고 인스턴스화할 수 있습니다.
자세한 내용은 스크롤 기반 애니메이션으로 스크롤 시 요소에 애니메이션 적용을 참고하세요.
display: contents
가 있는 요소가 더 이상 접근성 트리에 표시되지 않는 회귀 문제를 수정했습니다.
display: contents
가 포함된 요소가 시맨틱 정보를 잃고 접근성 트리에서 더 이상 올바르게 표현되지 않는 회귀가 도입되었습니다. Chrome 115에는 이 문제가 해결되었습니다.
Web API
기본 스레드에서 WebAssembly.Module()
의 최대 크기를 8MB로 늘리기
WebAssembly.Module() 생성자는 바이너리 WebAssembly 모듈을 동기적으로 컴파일하여 기본 스레드를 차단할 수 있습니다. 이를 방지하기 위해 이 생성자로 컴파일할 수 있는 WebAssembly 모듈의 최대 크기는 8MB로 제한됩니다. 더 큰 모듈은 WebAssembly.compile()
를 사용하여 기본 스레드에서 비동기식으로 컴파일되거나 작업자 스레드에서 동기식으로 컴파일될 수 있습니다. 8MB 한도는 기존 한도인 4KB를 확장한 것입니다. WebAssembly 런타임 V8의 개선 덕분에 이 확장이 가능합니다. 8MB 한도는 현재 대표적인 보급형 휴대전화로 간주되는 Google Pixel 1 휴대전화의 성능 측정을 통해 결정되었습니다. 향후 V8 또는 하드웨어 개발 과정에서 제한이 추가로 연장될 수 있습니다.
FedCM: 자동 재인증을 위한 사용자 인증 정보 관리 미디에이션 요구사항 지원
사용자 인증 정보 관리 중재 요구사항을 지원하여 FedCM API로 웹사이트에서 제휴 계정을 생성한 사용자에게 간소화된 재인증 UX를 제공합니다.
HTTPS 업그레이드
HTTP로 빠르게 대체하면서 모든 메인 프레임 탐색을 HTTPS로 자동, 낙관적으로 업그레이드합니다.
Storage, Service Worker, Communication API 파티션 나누기
특정 유형의 부채널 크로스 사이트 추적을 방지하기 위해 Chrome은 서드 파티 컨텍스트에서 스토리지 및 커뮤니케이션 API를 파티셔닝합니다. 여기에는 할당량 관리형 스토리지, 서비스 워커, 통신 API (예: BroadcastChannel)가 포함됩니다. 자세한 내용은 스토리지 파티셔닝 문서를 참조하세요.
리소스 타이밍: 중간 응답 시간 노출
탐색 또는 하위 리소스 가져오기에서 중간 1xx 응답이 발생하는 경우 PerformanceResourceTiming.firstInterimResponseStart
를 노출합니다. 예를 들어 계속 100개 또는 조기 힌트 103개가 있는 경우 firstInterimResponseStart
는 이제 첫 번째 중간 응답 시간에 해당하고 responseStart
는 최종 응답에 해당합니다(예: 상태 200개).
'xml' 업데이트 lookupNamespaceURI()
및 createNSResolver()
에서 접두사 처리
Node.lookupNamespaceURI()
는 'xml'을 지원합니다. 및 'xmlns' 접두어를 사용합니다 함수는 이를 위해 고정된 네임스페이스 문자열을 반환합니다. Document.createNSResolver()
및 XPathEvaluator.createNSResolver()
는 지정된 노드를 래핑하여 'xml'을 추가합니다. 접두어 처리를 사용합니다. 지정된 노드를 있는 그대로 반환합니다. 이제 웹 개발자는 요소를 createNSResolver()
로 래핑하지 않고 XPathNSResolver
로 사용할 수 있습니다.
VisibilityStateEntry
실적 타임라인에 가시성 상태 (표시 또는 숨김)를 노출합니다. 타임라인에는 항상 startTime
가 0이고 초기 공개 상태 상태가 있는 항목과 모든 공개 상태 변경에 해당하는 항목이 있습니다.
WebGPU의 WGSLLanguageFeatures
WebGPU 및 상응하는 WGSLLanguageFeatures
유형의 GPU 객체에 wgslLanguageFeatures
getter를 추가합니다.
FedCM 대화상자와 상호작용하는 WebDriver 명령어
이렇게 하면 자동 테스트와 같은 브라우저 자동화가 FedCM 대화상자와 상호작용할 수 있도록 여러 WebDriver 명령어가 노출됩니다.
오리진 트라이얼 진행 중
Chrome 115에서는 다음과 같은 새로운 오리진 트라이얼을 선택할 수 있습니다.
압력 계산
Compute Pressure API는 기기 하드웨어의 현재 상태에 관한 대략적인 정보를 제공하여 사이트에서 사용 가능한 처리 성능을 활용하는 것과 시스템을 관리할 수 없는 스트레스를 받는 것 사이에서 사용자에게 적절한 균형을 유지할 수 있도록 합니다. 컴퓨팅 압력은 설계상 일반적인 용어입니다. 현재는 CPU 로드를 기준으로 계산되지만 향후 계획에는 온도, 배터리 상태 등에서 신호를 사용하는 방안 등이 포함됩니다. 자세한 내용은 두 번째 Compute Pressure 오리진 트라이얼 발표에서 알아보세요.
Compute Pressure 오리진 트라이얼에 등록합니다.
매직 주석이 포함된 명시적 컴파일 힌트
JavaScript 파일로 Eager 파싱 및 컴파일해야 하는 함수에 관한 정보를 첨부할 수 있습니다. 정보는 매직 주석으로 인코딩됩니다. 다양한 매직 댓글 형식을 실험할 예정입니다. 예를 들어 파일의 모든 함수를 즉시 컴파일을 위해 표시하거나 함수의 하위 집합만 표시할 수 있습니다.
매직 주석 오리진 트라이얼이 있는 명시적 컴파일 힌트 등록
긴 애니메이션 프레임 API
Long Tasks API의 확장 프로그램입니다. 후속 렌더링 업데이트와 함께 작업을 측정하여 장기 실행 스크립트, 렌더링 시간, 레이아웃 스래싱이라고 하는 강제 레이아웃 및 스타일에 소요된 시간과 같은 정보를 추가합니다. 개발자는 이를 '느린 속도'의 진단으로 사용할 수 있습니다. 느림은 다음 페인트에 대한 상호작용 (INP)으로 측정되며 잘못된 INP의 원인인 기본 스레드 혼잡의 원인을 찾아냅니다.
Long Animation Frames 오리진 트라이얼에 등록하세요.
저장소 버킷 API
스토리지 버킷을 사용하면 사이트에서 여러 스토리지 버킷을 만들어 데이터를 정리할 수 있으므로 사용자 에이전트가 다른 버킷과 별개로 각 버킷을 삭제할 수 있습니다. 각 스토리지 버킷은 IndexedDB 및 CacheStorage와 같이 설정된 스토리지 API와 관련된 데이터를 저장할 수 있습니다. Storage Buckets API 오리진 트라이얼에 등록
지원 중단 및 삭제
이 버전의 Chrome에는 다음과 같은 지원 중단 및 삭제 기능이 도입되었습니다. 예정된 지원 중단, 현재 지원 중단 및 이전에 이루어진 삭제 목록을 보려면 ChromeStatus.com을 방문하세요.
이 Chrome 버전에서는 두 가지 기능이 지원 중단됩니다.
document.domain
setter 지원 중단
document.domain
setter를 사용하면 개발자가 동일 출처 정책을 완화할 수 있으므로 지원 중단됩니다. 이에 따라 유지관리하고자 하는 기본적인 보안 경계가 복잡해지고 Chromium의 프로세스 모델에 스펙터 이후 변경사항을 적용하는 데 장애물이 가해집니다.
document.domain을 사용하는 대신 Chrome에서 document.domain 수정을 사용 중지를 참고하세요. 대부분의 사용 사례에서 교차 출처 postMessage()
또는 Channel Messaging API가 document.domain을 대체할 수 있습니다. 최후의 수단으로 출처 기반 에이전트 클러스터를 통해 문서 도메인을 선택할 수 있습니다. setter는 유지되지만 출처는 변경되지 않습니다.
변형 이벤트 지원 중단
DOMSubtreeModified
, DOMNodeInserted
, DOMNodeRemoved
, DOMNodeRemovedFromDocument
, DOMNodeInsertedIntoDocument
를 비롯한 변형 이벤트는 2011년에 사양에서 지원 중단되었으며 2012년에 Mutation Observer API로 대체되었습니다. 더 이상 사용되지 않는 변형 이벤트 사용은 Chrome 127 (2024년 7월 20일)에서 삭제하기 전에 변형 관찰자로 이전해야 합니다.
변형 이벤트 지원 중단에 대해 자세히 알아보세요.