Debug CSS 용 Google Chrome

Pranay Joshi의 크롬용 디버그 CSS

디버그 CSS는 페이지에 있는 모든 요소의 개요를 볼 수 있는 Google 크롬용 경량 확장 프로그램입니다. 이것은 개발자, 디자이너 및 게임 제작자가 웹사이트와 애플리케이션을 디버그하는 데 도움이 되는 유용한 도구입니다.

이 확장을 사용하면 페이지의 모든 요소 스타일을 쉽게 볼 수 있습니다. 아이콘을 클릭하여 켜거나 끄기만 하면 됩니다.

설치가 완료되면 Ctrl 버튼을 누르고 요소 위로 마우스를 가져가면 사용할 수 있습니다. 요소 이름과 값이 표시됩니다.

요소 이름과 값이 다른 색상으로 표시됩니다.

디버깅에 도움이 되는 개발자와 디자이너에게 매우 유용한 도구입니다. 응용 프로그램 및 웹사이트.

사용 방법

설치 후 CSS 파일에 다음 코드를 추가해야 합니다.

`

* {

개요: 1px 빨간색 실선;

}`

Chrome 최신 버전이 설치되어 있는지 확인해야 합니다.