안정화 버전 출시일: 2024년 5월 14일
달리 명시되지 않는 한 다음 변경사항이 Chrome 125 안정화 버전에 적용됩니다. Android, ChromeOS, Linux, macOS, Windows용 채널 출시입니다.
<ph type="x-smartling-placeholder">HTML 및 DOM
선언적 Shadow DOM 직렬화
개발자가 섀도우 루트가 포함된 DOM 트리를 직렬화할 수 있는 기능 최근에 표준화된 태그입니다.
<ph type="x-smartling-placeholder"></ph> 버그 추적 #41490936 | ChromeStatus.com 항목 | 사양
CSS
CSS 앵커 배치
CSS 앵커 포지셔닝을 사용하면 개발자가 절대 위치가 지정된 요소를 테더링할 수 있습니다. 페이지의 다른 요소 (앵커)에 선언적으로 연결할 수 있습니다. 할 수 있습니다. 앵커 포지셔닝은 앵커는 스크롤 가능합니다. 일반적인 사용 사례는 호출한 요소 옆의 도움말 또는 선택 메뉴 및 팝오버 옵션 목록입니다. 앵커 배치 기능을 사용하려면 다음 사용 사례가 필요합니다. JavaScript를 사용하여 팝오버를 동적으로 배치하고 스크롤했을 때 있습니다. 앵커 배치를 사용하면 이러한 사용 사례를 실행하는 데 사용할 수 있습니다
앵커 배치 기능은 수많은 CSS 속성으로 구성됩니다. 가 몇 가지 주요 속성은 다음과 같습니다.
anchor-name: 다른 요소의 앵커로 사용할 요소를 설정합니다.position-anchor: '기본값'을 설명합니다. 고정된 요소가 앵커 배치에 사용해야 합니다.anchor()함수: 앵커의 위치를 참조하는 데 사용됩니다. 요소를 사용하여 앵커 요소를 배치합니다.inset-area: 일반적인 상대 위치의 배치를 줄여서 나타냅니다.
<ph type="x-smartling-placeholder"></ph> CSS 앵커 포지셔닝 API 소개 | 버그 추적 #40059176 | ChromeStatus.com 항목 | 사양
CSS 계단식 값 함수: round(), mod(), rem()
단계적 값 함수, 즉
round()님,
mod() 및
rem()는 모두 주어진
다른 "단계 값"에 따라 다른 값을 계산합니다.
round() CSS 함수는 선택한 반올림 값에 따라 반올림된 숫자를 반환합니다.
전략입니다.
mod() CSS 함수는 첫 번째 매개변수가 다음과 같을 때 남은 계수를 반환합니다.
두 번째 매개변수로 나눈 값이며, 이는 JavaScript 나머지 연산자와 유사합니다.
(%). 계수는 하나의 피연산자인 피연산자가
두 번째 피연산자인 제수로 나눈 값입니다. 항상
제수.
rem() CSS 함수는 첫 번째 매개변수가 입력되면 남은 나머지를 반환합니다.
두 번째 매개변수로 나뉘며, 이는 JavaScript 나머지 연산자와 유사합니다.
(%). 나머지는 하나의 피연산자인 피연산자가
두 번째 피연산자인 제수로 나눈 값입니다. 항상
피제수입니다.
<ph type="x-smartling-placeholder"></ph> 버그 추적 #40253179 | ChromeStatus.com 항목 | 사양
<ph type="x-smartling-placeholder">CSS 맞춤 :state()의 새로운 문법
CSS 맞춤 상태를 통해 맞춤 요소가 자체 의사 클래스를 노출할 수 있습니다. 이
구문이 CSSWG에 사양으로 지정되었으며 Chrome 125는 이제
구문 :state(foo). 이렇게 변경하면 Chrome에서
이전 구문 (:--foo)과 새 구문을 모두 지원하므로 웹사이트는
새 기기로 전환할 수 있습니다
<ph type="x-smartling-placeholder"></ph> ChromeStatus.com 항목 | 사양
밝기를 거의 100% 또는 0으로 하여 Oklab 및 Oklch 색상의 불연속성 삭제
이 변경 전에는 밝기 값이 있는 모든 Lab, LCH, Oklab, Oklch 색상 나머지 두 매개변수와 관계없이 100% 가 흰색으로 렌더링되었습니다. 전체 밝기 값이 0인 이 공간의 색상은 검은색으로 렌더링되었습니다. 이러한 두 매핑으로 인해 경사의 불연속성이 발생했으며 웹에는 예상치 못한 문제였음 있습니다.
이번 롤백을 통해 이러한 색상은 더 이상 인위적으로 매핑되지 않으며 결과로 표시되는 색상은 주변 색상과 연속으로 나타나며 디스플레이의 색 영역 매핑입니다.
<ph type="x-smartling-placeholder"></ph> ChromeStatus.com 항목 | 사양
색 구성표 루트 스크롤바를 사용했습니다.
브라우저가 사용자가 선호하는 색 구성표를 사용하여 표시 영역을 렌더링하도록 합니다.
'페이지의 지원되는 색 구성표' 값이 '정상'입니다. 여부
계산되고
color-scheme 드림
는 normal입니다. 표시 영역 스크롤바는
콘텐츠를 볼 수 있습니다. 따라서 사용자 에이전트는 사용자의
개발자가 표시 영역 스크롤바를 렌더링할 때 기본 색 구성표를
색 구성표에 대한 지원이 명시적으로 지정되지 않았습니다.
이러한 변경으로 인해 개발자가 할 수 있습니다. 새로운 동작을 통해 브라우저에서 사용자가 선호하는 개발자가 오버레이가 아닌 표시 영역 스크롤바를 렌더링하는 색상 구성표 에서 루트 요소의 색 구성표를 지정하지 않았습니다.
<ph type="x-smartling-placeholder"></ph> title[제목] | 버그 추적 #40259909 | ChromeStatus.com 항목 | 사양
view-transitions 클래스
새로운 CSS 속성 view-transition-class를 사용하면 다음을 할 수 있습니다.
하나 이상의 뷰 전환 클래스를 지정합니다. 그런 다음
예를 들어 이러한 클래스를 사용하는 ViewTransition 의사 요소
::view-transition-group(*.class)
ViewTransition API의 확장 프로그램입니다. 유사한 방식으로 뷰 전환 의사 요소의 스타일을 단순화합니다. CSS 클래스가 일반 DOM 요소의 스타일을 단순화합니다.
<ph type="x-smartling-placeholder"></ph> 버그 추적 #41492972 | ChromeStatus.com 항목 | 사양
로드 중
WebSocket 구성 시 HTTP 및 HTTPS URL 허용
이 업데이트는 WebSocket 생성자에서 HTTP 및 HTTPS 스키마를 사용 설정합니다.
개발자가 상대 URL을 사용할 수 있습니다. 이것들은
ws: 및 wss: 내부 스키마
<ph type="x-smartling-placeholder"></ph> 버그 추적 #325979102 | ChromeStatus.com 항목 | 사양
Web API
Attribution Reporting API에 추가된 사항
Attribution Reporting API에 기능을 추가하여 실패 디버그 보고서 파싱 지원을 통한 디버깅 기능, API 개선 선호하는 등록 플랫폼을 지정하는 필드를 지원하여 에르고노믹스 개인 정보 보호 개선
<ph type="x-smartling-placeholder"></ph> ChromeStatus.com 항목
Compute Pressure API
Compute Pressure API는 높은 수준의 상태를 가질 수 있습니다. 이를 통해 올바른 기본 하드웨어 측정항목을 사용하도록 구현하여 사용자가 사용할 수 있는 모든 처리 능력을 활용할 수 있습니다. 시스템이 감당할 수 없는 스트레스를 받고 있지 않습니다.
Intel이 이 API의 설계 및 구현 작업을 주도했습니다. 이를 통해 화상 회의 앱에서 여러 기능과 확인할 수 있습니다
<ph type="x-smartling-placeholder"></ph> Compute Pressure API | 버그 추적 #40683064 | ChromeStatus.com 항목 | 사양
Storage Access API (SAA)를 쿠키 외 스토리지로 확장
이렇게 하면 Storage Access API의 제안된 확장 프로그램 (이전 버전)이 실행됩니다. 호환되며 오리진 트라이얼이 진행 중임)에서 파티션을 나누지 않은 쿠키에 대한 액세스를 허용합니다. 쿠키 외의 스토리지에 대한 액세스를 제공합니다 현재 API는 쿠키에 대한 액세스를 제공하지 않습니다.
<ph type="x-smartling-placeholder"></ph> 버그 추적 #40282415 | ChromeStatus.com 항목 | 사양
ID 어설션 엔드포인트에 대한 FedCM CORS 요구사항
FedCM API의 가져오기는 있습니다. 계정에 대한 논의가 진행 중인 경우 ID 어설션 엔드포인트가 CORS를 사용합니다 이 업데이트는 이 가져오기의 보안 속성을 다른 항목 가져오기를 실행할 수 있습니다
<ph type="x-smartling-placeholder"></ph> FedCM 업데이트: Button Mode API 오리진 트라이얼, CORS, SameSite | 버그 추적 #40284123 | ChromeStatus.com 항목
FedCM 인증 요청에서 더 이상 SameSite=Strict 쿠키를 전송하지 않음
이제 FedCM은 CORS를 사용하여 ID 어설션 요청을 보냅니다. 이렇게 변경되면 Chrome은
더 이상 SameSite=Strict 쿠키를 ID 어설션 엔드포인트로 전송하지 않음
Chrome에서 여전히 SameSite=None을 전송합니다. 한 페이지에 여러 번
계정 엔드포인트 및 ID 어설션에 대한 서로 다른 쿠키 집합
이렇게 변경하면 일관성을 유지할 수 있습니다
SameSite=Strict 쿠키를 전송하지 않는 것도
requestStorageAccess 동작
크로스 사이트 요청이 포함됩니다.
<ph type="x-smartling-placeholder"></ph> 버그 추적 #329145816 | ChromeStatus.com 항목 | 사양
상호 운용 가능한 마우스 이동 기본 작업
Chrome에서 텍스트 등의 다른 API를 방지하기 위해 마우스 이동 이벤트 취소를 허용함
드래그 앤 드롭할 수도 있습니다. 이것은 다른 전공
브라우저 UI 이벤트 사양을 준수하지 않습니다. 이제 텍스트 선택이
마우스 이동의 기본 동작이
더 이상 사용되지 않습니다. 텍스트 선택 및 드래그 앤 드롭으로
selectstart 및 dragstart 이벤트를 취소하여 계속 방지
각각 1개의 값으로 사용합니다.
이 기능은 Chrome 125부터 점진적으로 출시될 예정이며 예상되는 출시 버전입니다. Chrome 126부터 모든 사용자에게 제공될 예정입니다.
<ph type="x-smartling-placeholder"></ph> 데모 | 버그 추적 #40078978 | ChromeStatus.com 항목 | 사양
정규 표현식 수정자
정규 표현식 수정자는 i, m,
및 s분 패턴을 그리는 것입니다.
하위 표현식에 플래그를 사용 설정하려면 (?X:subexpr)을 사용합니다. 여기서 X는 다음 중 하나입니다.
i, m 또는 s입니다. 하위 표현식의 플래그를 사용 중지하려면 (-X:subexpr)를 사용합니다.
예를 들어 대소문자 구분 i 플래그의 경우 다음과 같습니다.
const re1 = /^[a-z](?-i:[a-z])$/i;
re1.test("ab"); // true
re1.test("Ab"); // true
re1.test("aB"); // false
const re2 = /^(?i:[a-z])[a-z]$/;
re2.test("ab"); // true
re2.test("Ab"); // true
re2.test("aB"); // false
<ph type="x-smartling-placeholder"></ph> ChromeStatus.com 항목 | 사양
정규 표현식에 이름이 지정된 캡처 그룹이 중복됨
이름이 지정된 캡처 그룹이 중복되면 동일한 캡처 그룹 이름을 사용할 수 있습니다. 여러 대안이 있습니다 예:
const re = /(?<year>[0-9]{4})-[0-9]{2}|[0-9]{2}-(?<year>[0-9]{4})/;
이 경우 year는 첫 번째 대체 텍스트 변환 ((?<year>[0-9]{4})-[0-9]{2})에 유효합니다.
또는 두 번째 대안 ([0-9]{2}-(?<year>[0-9]{4}))입니다.
<ph type="x-smartling-placeholder"></ph> ChromeStatus.com 항목 | 사양
Chrome 앱
Chrome 앱의 Direct Sockets API
이 업데이트를 통해 특수 앱을 Chrome 앱에서 Chrome 앱에서 Direct Socket을 사용 설정하여 격리된 웹 앱을 직접 전송 제어 프로토콜 (TCP) 및 사용자 데이터그램 프로토콜 설정 네트워크 장치 및 시스템과의 (UDP) 통신에 사용될 수 있습니다.
<ph type="x-smartling-placeholder"></ph> ChromeStatus.com 항목 | 사양
새로운 오리진 트라이얼
FedCM Button Mode API 및 기타 계정 API 사용
이 오리진 트라이얼에는 다음과 같은 두 가지 FedCM API가 포함됩니다.
Button Mode API를 사용하면 웹사이트에서 다음과 같이 버튼 클릭 내에서 FedCM을 호출할 수 있습니다. Sign-in to IdP(IdP에 로그인) 버튼을 클릭합니다. 이를 위해서는 FedCM이 항상 위젯 모드와 달리 보이는 사용자 인터페이스로 응답합니다 사용자가 로그아웃할 때 UI가 표시되지 않습니다. 다음에서 FedCM API 호출: 버튼 모드: 사용자가 IdP에 로그인 (대화상자 창)할 때 님이 로그아웃했습니다.
또한 버튼 모드는 명시적 사용자 내에서 호출되므로 UI가 더 두드러질 수도 있습니다 (예: 중앙 및 모달). 명확하게 구현되어 있지 않은 위젯 모드의 UI와 비교하면 있습니다. Button Mode API 작동 방식 자세히 알아보기 FedCM 업데이트: Button Mode API 오리진 트라이얼, CORS, SameSite
Use Other Account API를 사용하면 ID 공급자가 사용자가 다른 계정을 찾습니다.
<ph type="x-smartling-placeholder"></ph> 오리진 트라이얼 | 데모 | 버그 추적 #40284792 | ChromeStatus.com 항목 | 사양 를 참조하세요.
폴더블 API
이 오리진 트라이얼에는 Device Posture API 및 표시 영역 세그먼트가 포함되어 있습니다 Enumeration API 개발자가 폴더블을 타겟팅하는 데 도움이 되도록 설계된 API 기기에서 사용할 수 있습니다.
<ph type="x-smartling-placeholder"></ph> 오리진 트라이얼 | 폴더블 API 오리진 트라이얼 | ChromeStatus.com 항목 | 사양
접두사가 있는 HTMLVideoElement 전체 화면 속성 및 메서드의 지원 중단 시도
이 지원 중단 기능 트라이얼을 통해 HTMLVideoElement 속성 및 메서드를 사용하여 있습니다.
<ph type="x-smartling-placeholder"></ph> 오리진 트라이얼 | ChromeStatus.com 항목
미리 로드 스캔 건너뛰기
탐색을 위해 미리 로드 스캐너를 건너뜁니다. 하위 리소스 가져오기가 없는 페이지의 성능 저하
미리 로드 스캐너 단계는 하위 리소스가 있는 페이지의 성능에 도움이 됩니다. 예측 미리 가져오기를 통해 실행됩니다. 하지만 페이지의 경우 하위 리소스가 없는 페이지의 경우 이로 인해 이점이 거의 없는 추가 처리 오버헤드가 발생합니다.
이 오버헤드를 줄여 이점을 누리고 싶은 고급 웹 사용자의 경우, 실험을 사용하여 미리 로드 스캐너를 사용 중지할 수 있는 페이지 수준 컨트롤을 제공합니다. 데이터 이 실험에서 수집된 API는 수정된 API 또는 다른 API 버전 HTML 미리 로드 스캐너 구현이 도움이 될 것입니다.
<ph type="x-smartling-placeholder"></ph> 오리진 트라이얼 | 버그 추적 #330802493 | ChromeStatus.com 항목 | 사양
지원 중단 및 삭제
'window-placement' 삭제 권한 및 권한 정책 'window-management'의 별칭
'window-placement'를 삭제합니다. 권한 및 권한 정책의 별칭 'window-management'로 이동합니다. 이것은 결국 'window-placement' 지원 중단 및 삭제에 대해 안내해 드립니다. 용어를 변경하여 설명어(기간)의 수명을 개선합니다. Management API는 시간이 지남에 따라 발전합니다.
<ph type="x-smartling-placeholder"></ph> title[제목] | 버그 추적 #40842072 | ChromeStatus.com 항목 | 사양
기업 정책 삭제: NewBaseUrlInheritanceBehaviorAllowed
이 코드가 실행되는 기본 코드 변경사항 (새로운 기본 URL 상속 동작 사용 설정)은 엔터프라이즈 정책 재정의는 8월 이후 안정화 버전에서 사용 설정되었습니다. 2023년 (Chrome 118). 알려진 문제가 처리되었기 때문에 이 기업은 정책은 Chrome 125에서 삭제되었습니다.
<ph type="x-smartling-placeholder"></ph> ChromeStatus.com 항목
접두사가 있는 HTMLVideoElement 전체 화면 속성 및 메서드 삭제
접두사가 있는 HTMLVideoElement 전체 화면 API가 지원 중단됨
Chrome 38 이는 Element.requestFullscreen()(으)로 대체되었습니다.
2018년 Chrome 71에서 접두어가 없는 상태로 제공됩니다.
다음 속성과 메서드가 HTMLVideoElement에서 삭제됩니다.
webkitSupportsFullscreenwebkitDisplayingFullscreenwebkitEnterFullscreen()webkitExitFullscreen()webkitEnterFullScreen()('S'의 대소문자는 FullScreen)webkitExitFullScreen()
다음 경우에 해당하는 경우 이 게시물에 나와 있는 지원 중단 기능 트라이얼에 등록하세요. 사이트에서 여전히 이를 사용해야 하므로 코드를 업데이트하는 데 시간이 더 필요합니다.
<ph type="x-smartling-placeholder"></ph> ChromeStatus.com 항목
추가 자료
더 많은 정보를 찾고 싶으신가요? 추가 리소스를 확인해 보세요.
- Chrome 125의 새로운 기능
- Chrome DevTools 125의 새로운 기능
- Chrome 125의 ChromeStatus.com 업데이트
- Chrome 출시 캘린더
- 예정된 지원 중단
- 예정된 삭제 항목