[Chrome] 크롬 페이지 소스 보기 F12 웹 페이지 소스 코드 보기 꿀팁

 

안녕하세요.

 

이번 포스팅은 크롬에서 웹 페이지의 소스 코드 보기입니다.

다른 브라우저도 소스 보기 기능을 지원하는 것처럼 크롬도 지원합니다.

웹 개발을 하거나 웹 디자인을 할 때 유용하게 사용할 수 있는 기능입니다.

간단하게 2가지 방법이 있습니다.

 

 

 

 

▲ 먼저, 오른쪽 마우스를 클릭하여 페이지 소스 보기(V)를 클릭합니다.

▲ 간편한 방법이기 때문에 자주 사용합니다.

▲ 다음은 웹 페이지에서 오른쪽 마우스 클릭 방지 또는 금지가 설정되어 있을 경우 사용하는 F12 키입니다.

 

 

 

 

▲ F12를 클릭하게 되면 개발자 도구를 실행합니다.

▲ 웹 개발자에게 유용한 여러가지 기능을 제공합니다.