크롬 Canary 118에서 달라진 개발자 도구

새로운 사용자 정의 속성 섹션 (Elements > Styles)

• @property CSS at-rule을 지원하여 CSS 사용자 정의 속성을 명시적으로 정의하고 스타일시트에 등록할 수 있음

로컬 오버라이드 개선

• 원본 코드 대신 소스 매핑된 파일을 보여주는 대화 상자가 표시

• 'Has overrides' 열과 필터가 Network 패널에 추가

• 'Delete all overrides' 메뉴 옵션이 'Delete' 옵션으로 대체

검색 기능 향상

• 코드의 한 줄에서 찾은 모든 일치 항목을 보여줌

• 검색 속도가 향상

• 무시 목록을 지원

Sources 패널 개선

• 작업 공간 기능이 개선

• 패널을 드래그 앤 드롭으로 재정렬

• 더 많은 스크립트 유형에 대한 구문 강조와 예쁜 출력을 지원

기타 미디어 기능

• prefers-reduced-transparency 미디어 기능을 에뮬레이션

Lighthouse 11

• 새로운 접근성 검사가 추가되고 점수 산정 방식이 변경

접근성 개선

• 더 많은 탐색 키 입력을 지원

기타 하이라이트

• 네트워크: 인기 있는 리소스 유형에 대한 새로운 아이콘

• UI 요소의 색상 업데이트

• 쿠키 문제가 탐색을 거쳐 유지

• 여러 가지 애플리케이션 > Preloading 개선 사항

• 그 외 다양한 개선 사항

자세한 내용은 : https://developer.chrome.com/en/blog/new-in-devtools-118/