구글 크롬에서 소스코드 보는 방법

대부분의 인터넷 웹브라우저에서 소스코드 보는 방법은 마우스 오른쪽 버튼 누르고 페이지 소스보기 클릭 또는 단축키 Ctrl+u 또는 F12키(개발자 도구)로 인터넷 소스코드를 확인할 수 있습니다. 아래에는 대표적인 웹브라우저인 구글 크롬에서 소스코드 보기 방법입니다.

1. 구글크롬에서 소스코드 보는 방법

1. 마우스오른쪽 버튼 누르고 페이지 소스보기 클릭

2. 단축키 Ctrl+u 또는 F12
3. 상단 메뉴바에서 도구클릭 -소스보기 클릭

보통은 위 3가지 방법으로 소스코드 확인이 가능합니다. 일부 웹사이트 중에 오른쪽 마우스 키 잠금을 설정해서 소스보기가 불가능한 경우가 있습니다. 이런 경우에는 웹페이지에서 제공하는 개발자 도구(F12키)를 통하여 소스코드 보기가 가능합니다.

2. 개발자 도구 보기 통해 소스보기 방법

1. 오른쪽 상단 더보기 클릭
2. 도구 더보기 클릭
3. 개발자 도구 보기
4. 단축키 Crtl+shift+i 또는 F12키를 이용하여 sources탭에서 css소스보기를 할 수 있습니다.

3. 개발자 도구 통해서도 소스코드가 안 보일 때

개발자 도구에서 자바스크립트 제한 설정이 되어있어 소스가 안 보이는 경우에는 아래와 같이 Disable javaScript 체크를 해서 해결할 수 있다.( 일시적임)

1. 소스를 볼 해당 웹페이지에서 단축키 F12 누르고 크롬 개발자 도구를 열기

2. 우측 상단에 있는 점 세 개 모양 아이콘 클릭

3.SETTING클릭/Debugger메뉴에서 Disable javaScript 체크하기

4. 해당 페이지로 돌아가서 마우스 우측 클릭- 소스보기 클릭 -우클릭 해제됨