HTML

크롬 개발자 도구

크롬에서 개발자 도구를 사용하려면 f12키를 누르거나 마우스 우클릭 후 검사를 누르면 사용이 가능해집니다.

Network에서는 어떤 파일이 다운 받아지는지 알 수 있고,

파란색을 누르시면 파일 중간 중간의 원하는 요소의 부위를 볼 수 있습니다.

또한, 빨간색을 누르면 모바일에서는 어떻게 보이는지 알 수 있습니다.

Elements에서는 이 페이지의 소스가 HTML,CSS,JavaScript의 형태로 있으며, 밑에서는 CSS의 요소를 확인 할 수 있습니다.

Console에서는 이 코드를 바탕으로 여러 코드를 실행 해 볼수 있습니다.

Sources에서는 전체적인 소스를 HTML, CSS, JavaScript 형태로 볼 수 있습니다.

댓글

댓글 본문
버전 관리
int
현재 버전
선택 버전
graphittie 자세히 보기