다음 사항에 유의하시기 바랍니다.
- CSS 앵커 위치로 요소를 고정하는 것이 그 어느 때보다 쉬워졌습니다.
- Compute Pressure API는 사용 가능한 컴퓨터 성능을 최적화하는 데 도움이 됩니다.
- Storage Access API는 쿠키 저장소 이상으로 확장됩니다.
- 이 외에도 다양한 기능이 준비되어 있습니다.
저는 아드리아나 자라입니다. 좀 더 자세히 알아보고 Chrome 125의 개발자를 위한 새로운 기능을 살펴보겠습니다.
CSS 앵커 배치
다른 요소에 고정된 요소를 표시하면 팝오버를 도움말로 사용하고 이를 호출하는 요소에 연결하는 등의 UI 패턴을 만들 수 있습니다.
CSS 앵커 위치를 사용하면 절대 위치로 배치된 요소를 선언적 방식으로 페이지의 하나 이상의 요소에 테더링할 수 있습니다. JavaScript가 필요하지 않으며 앵커를 스크롤할 수 있는 경우 원활하게 작동합니다.
앵커 위치 기능은 다수의 CSS 속성으로 구성됩니다. 몇 가지 주요 속성은 다음과 같습니다.
anchor-name: 다른 요소의 앵커가 되도록 요소를 설정합니다.position-anchor: 앵커 요소가 배치될 때 사용해야 하는 '기본' 앵커를 설명합니다.anchor()함수: 앵커 요소를 배치할 때 앵커 요소의 위치를 나타냅니다.inset-area: 일반적인 상대 위치를 나타내는 약식 표현입니다.
Compute Pressure API를 사용합니다.
Compute Pressure API는 시스템의 CPU 부하를 나타내는 대략적인 상태를 제공합니다.
컴퓨터 성능을 균형 있게 사용하도록 최적화할 때 API는 올바른 기본 하드웨어 측정항목을 사용하여 사용자가 시스템이 통제할 수 없는 스트레스를 받지 않는 한 사용 가능한 모든 처리 성능을 활용할 수 있도록 합니다.
Intel은 이 API의 설계와 구현 작업을 주도했으며, 이를 통해 화상 회의 앱이 기능과 성능의 균형을 동적으로 맞출 수 있게 될 것입니다.
샘플 및 추가 정보는 Compute Pressure API를 참조하세요.
Storage Access API (SAA)가 쿠키 이외의 저장소로 확장되었습니다.
Storage Access API는 크로스 사이트 쿠키의 대안으로, 크로스 사이트 리소스 로드에 의존하는 삽입의 경우 필요에 따라 사용자에게 액세스 권한을 요청하는 JavaScript API입니다.
이 버전에는 쿠키 이상으로 API를 사용하기 위한 확장 프로그램이 포함되어 있습니다. 확장 프로그램을 사용하면 indexDB 및 localstorage와 같은 서드 파티 컨텍스트에서 파티션을 나누지 않은 쿠키 및 쿠키가 아닌 저장소에 액세스할 수 있습니다. 다음 코드는 indexDB에 대한 액세스를 요청하는 예시를 보여줍니다.
// Request a new storage handle via rSA (this may prompt the user)
let handle = await document.requestStorageAccess({indexedDB : true});
// Open or create an indexedDB that is shared with the 1P context
let messageDB = handle.indexedDB.open("messages");
그 외 다양한 기능
물론 더 많은 기능이 있습니다.
Device Posture API 및 Viewport Segments Enumeration API용 오리진 트라이얼이 있습니다. 이러한 API는 개발자가 폴더블 기기를 타겟팅하는 데 도움이 되도록 설계되었습니다.
CSS 계단식 값 함수
round(),mod(),rem()가 추가되어 이러한 기준 기능을 새롭게 사용할 수 있습니다.Shared Storage API는 이제 iframe을 만들지 않고도 교차 출처 워크릿 실행을 지원합니다.
추가 자료
여기에서는 몇 가지 주요 사항만 다룹니다. 다음 링크에서 Chrome 125의 추가 변경사항을 확인하세요.
- Chrome DevTools의 새로운 기능 (125)
- Chrome 125용 ChromeStatus.com 업데이트
- Chromium 소스 저장소 변경사항 목록
- Chrome 출시 캘린더
구독
최신 소식을 확인하려면 Chrome 개발자 YouTube 채널을 구독하세요. 그러면 새 동영상이 출시될 때마다 이메일 알림을 받게 됩니다.
안녕하세요. 아드리아나 자라님, Chrome 126이 출시되는 대로 Chrome의 새로운 기능을 알려드리겠습니다.