크롬의 새로운 : CSS 개요

Chrome은 멋진 실험적인 새로운 기능을 출시합니다! 이제 웹 사이트 사용에 대한 CSS 개요, 색상 수에서 사용하지 않은 청구 수, 심지어 정의 된 미디어 쿼리 수에 이르기까지 빠르게 볼 수 있습니다.

이것은 실험적인 기능이라는 점에 유의해야합니다. 이것은 여전히 ​​개발 중이며 DevTools에서 사용하기 전에 활성화해야한다는 것을 의미합니다.

• 열기 DevTools (Mac에서 명령 옵션 I; Windows의 Control Shift I)
• DevTools 설정으로 이동합니다 (Mac에서? 또는 함수 F1; 또는 Windows의 F1)
• 실험 섹션을 열려면 클릭하십시오
• CSS 개요 옵션을 활성화합니다

그런 다음 DevTools 메뉴 표시 줄에 새로운 "CSS 개요"탭이 표시됩니다 (설정 후). 보지 않으면 오버플로 메뉴에 숨겨져 있지 않은지 확인하십시오.

보고서는 색상, 글꼴 정보, 미사용 명세서 및 미디어 쿼리를 포함한 여러 부분으로 나뉩니다. 이 정보는 매우 포괄적이며 한 눈에 분명합니다.

이 기능은 매우 실용적입니다! 나는 브라우저에 통합되기 시작하는 이런 종류의 도구의 추세를 좋아합니다. 이에 대해 생각하면 프론트 엔드 개발자뿐만 아니라 디자이너와의 협력을 촉진합니다. 예를 들어, 디자이너는 그것을 열고 우리의 작업을 확인하여 팔레트에서 글꼴 스택에 이르기까지 모든 것을 손상되지는 않습니다.

위 내용은 크롬의 새로운 : CSS 개요의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!