가끔 웹사이트의 소스보기가 필요할 때가 있습니다. 어떤 코드를 사용했는지, 그리고 어떻게 구성했는지 등 다양한 이유가 있을 것입니다. 하지만 “코드”를 보호할 목적으로 마우스 우클릭을 막아 놓으면 보고 싶어도 소스를 보지 못합니다. 소스보기에 유용한 몇 가지 방법을 소개합니다.
1. 단축키를 이용하는 방법
PC에서 소스보기 할 때의 키보드 “Ctrl + u” 단축키를 사용하면 바로 볼 수 있습니다.
2. view-source: URL을 이용하는 방법
PC와 모바일에서 사용가능한 방법입니다. 옛지나 크롬 브라우저에서 소스를 보고자 할 때 URL 앞에 view-source: 를 붙이면 바로 볼 수 있습니다. 예를 들어 habony.tistory.com 의 소스를 보고 싶다면 아래 표를 사용합니다.
| PC / 모바일 에서 사용하는 방법 |
| view-source:habonyphp.com view-source:https://habonyphp.com |
3. 페이지 전체를 “내 컴퓨터”에 저장하는 방법
페이지를 저장한 다음 텍스트 편집기로 코드를 엿볼 수 있습니다. 크롬의 경우 “탭 > 도구 더보기 > 페이지를 다른 이름으로 저장” 합니다.
3번 방법은 좀 번거롭거나 불편함이 있습니다. 쉬운 방법중 하나가 단축키를 이용하는 게 가장 쉽지 않을까 합니다.
