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는 개발자가 스크롤러의 위치 또는 스크롤러 내 요소의 위치를 기본 단조 클록 시간이 아닌 입력 '시간'으로 사용할 수 있도록 하는 웹 애니메이션 사양의 확장 프로그램입니다. 이를 통해 사용자 스크립트를 실행하지 않고도 축소되는 탐색 메뉴와 같은 빠른 스크롤 기반 애니메이션을 사용할 수 있습니다. 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로 자동 업그레이드합니다.
스토리지, 서비스 워커, 커뮤니케이션 API 파티션 나누기
특정 유형의 부채널 크로스 사이트 추적을 방지하기 위해 Chrome은 서드 파티 컨텍스트에서 저장용량 및 커뮤니케이션 API를 파티셔닝합니다. 여기에는 할당량 관리 스토리지, 서비스 워커, 통신 API (예: BroadcastChannel)가 포함됩니다. 자세한 내용은 스토리지 파티션 나누기 문서를 참고하세요.
리소스 타이밍: 중간 응답 시간 노출
탐색 또는 하위 리소스 가져오기에서 중간 1xx 응답과 만나는 경우 PerformanceResourceTiming.firstInterimResponseStart를 노출합니다. 예를 들어 100개의 계속 또는 103개의 초기 힌트가 있는 경우 firstInterimResponseStart는 이제 첫 번째 임시 응답 시간에 상응하고 responseStart는 최종 응답에 해당합니다(예: 200 상태).
lookupNamespaceURI() 및 createNSResolver()의 'xml' 접두사 처리 업데이트
Node.lookupNamespaceURI()는 기본적으로 'xml' 및 'xmlns' 프리픽스를 지원합니다. 이 함수는 이러한 변수에 대해 고정된 네임스페이스 문자열을 반환합니다. Document.createNSResolver() 및 XPathEvaluator.createNSResolver()가 중지하여 지정된 노드를 래핑하여 'xml' 프리픽스 처리를 추가합니다. 지정된 노드를 있는 그대로 반환합니다. 이제 웹 개발자는 요소를 createNSResolver()로 래핑하지 않고 XPathNSResolver로 사용할 수 있습니다.
VisibilityStateEntry
성능 타임라인에 공개 상태 (표시 또는 숨김)를 노출합니다. 타임라인에는 항상 startTime가 0인 항목과 초기 공개 상태 상태 및 모든 공개 상태 변경에 해당하는 항목이 있습니다.
WebGPU용 WGSLLanguageFeatures
WebGPU의 GPU 객체에 wgslLanguageFeatures getter와 이에 상응하는 WGSLLanguageFeatures 유형을 추가합니다.
FedCM 대화상자와 상호작용하기 위한 WebDriver 명령어
이렇게 하면 자동화된 테스트와 같은 브라우저 자동화를 사용 설정하여 FedCM 대화상자와 상호작용할 수 있도록 여러 WebDriver 명령어가 표시됩니다.
오리진 트라이얼 진행 중
Chrome 115에서는 다음과 같은 새로운 오리진 트라이얼을 선택할 수 있습니다.
압력 계산
Compute Pressure API는 기기 하드웨어의 현재 상태에 대한 대략적인 정보를 제공하므로 사이트에서 가용 처리 성능을 활용하는 것과 시스템에 감당할 수 없는 스트레스를 두는 사이에서 사용자가 적절한 균형을 유지할 수 있습니다. 컴퓨팅 압력은 일반적인 용어로 설계된 것입니다. 현재는 CPU 부하를 기준으로 계산되지만 향후 계획에는 온도 및 배터리 상태 신호 등을 사용하는 등이 포함됩니다. 자세한 내용은 두 번째 Compute 압력 오리진 트라이얼 발표를 참고하세요.
Compute Pressure 오리진 트라이얼에 등록합니다.
매직 주석이 포함된 명시적인 컴파일 힌트
자바스크립트 파일에서 즉시 파싱 및 컴파일되어야 하는 함수에 관한 정보 첨부를 허용합니다. 정보는 매직 주석으로 인코딩됩니다. YouTube에서는 다양한 매직 댓글 형식을 실험할 예정입니다. 예를 들어 파일의 모든 함수를 즉시 컴파일하도록 표시하거나 함수의 하위 집합만 표시합니다.
매직 주석 오리진 트라이얼로 명시적 컴파일 힌트에 등록하세요.
긴 애니메이션 프레임 API
이는 Long Tasks API의 확장 프로그램입니다. 후속 렌더링 업데이트와 함께 작업을 측정하여 장기 실행 스크립트, 렌더링 시간, 레이아웃 스래싱으로 알려진 강제 레이아웃 및 스타일에 소요된 시간과 같은 정보를 추가합니다. 개발자는 보통 잘못된 INP의 원인인 기본 스레드 정체의 원인을 찾아 다음 페인트와의 상호작용 (INP)로 측정되는 '느림' 진단으로 이를 사용할 수 있습니다.
Long Animation Frames 오리진 트라이얼에 등록
Storage Buckets API
사이트에서 Storage Buckets를 사용하면 사이트에서 여러 스토리지 버킷을 만들어 데이터를 구성할 수 있으므로 사용자 에이전트가 다른 버킷과 독립적으로 각 버킷을 삭제할 수 있습니다. 각 스토리지 버킷은 IndexedDB 및 CacheStorage와 같은 설정된 Storage API와 연결된 데이터를 저장할 수 있습니다. Storage Buckets API 오리진 트라이얼에 등록하세요.
지원 중단 및 삭제
이 Chrome 버전에서는 아래에 나열된 지원 중단 및 삭제 기능이 도입됩니다. ChromeStatus.com을 방문하여 예정된 지원 중단, 현재 지원 중단, 이전에 삭제된 앱 목록을 확인하세요.
이 Chrome 버전에서는 두 가지 기능이 지원 중단됩니다.
document.domain setter 지원 중단
document.domain setter는 개발자가 동일 출처 정책을 완화할 수 있도록 하므로 지원 중단됩니다. 이로 인해 Google에서 유지하려고 하는 기본 보안 경계를 복잡하게 하고 스펙터의 변경사항을 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일)에 삭제되기 전에 변형 관찰자로 이전되어야 합니다.
변형 이벤트 지원 중단에 대해 자세히 알아보세요.