HTML5, CSS3 W3C CSS 검사 방법 크롬 - Web Developer 확장 프로그램 이용

HTML 및 CSS 작성 후 해당 코딩이 문제가 없는지 점검하는 방법입니다.

chrome(크롬)의 웹 스토어에서 Web Developer 확장 프로그램을 추가하여 검사를 할 수 있습니다.

 

chrome(크롬)의 웹 스토어 들어가는 방법

- 크롬에서 북마크바가 나오게 설정을 한 다음 북마크바 좌측의 앱 버튼을 클릭합니다.

chrome(크롬)의 웹 스토어 들어가는 방법

 

chrome(크롬)의 웹 스토어에서 web developer 검색, 설치 방법

- chrome(크롬)의 웹 스토어에 진입 후 좌측 상단의 검색창에서 "web developer"로 검색을 합니다.
- 제공업체 chrispederick.com 의 Web Developer을 설치합니다.

chrome(크롬)의 웹 스토어에서 web developer 검색, 설치 방법

 

chrome(크롬)의 web developer 사용 방법

- chrome(크롬)에서 아래 톱니바퀴 모양을 클릭한 후 Validate CSS 클릭합니다.

chrome(크롬)의 web developer 사용 방법

 

chrome(크롬)의 web developer 사용 결과

- chrome(크롬)의 web developer를 사용하게 되면 W3C CSS 검사 결과 내용이 나오게 됩니다.

chrome(크롬)의 web developer 사용 결과