모든 아름다운 웹 페이지 뒤에는 해당 웹 페이지의 디자인과 기능을 사용자에게 제공하는 소스 코드라는 복잡한 코드가 있습니다. 때로는 호기심이 생겨 어떤 코드가 웹페이지를 구축하는지 정확히 알고 싶을 수 있습니다. 웹 페이지의 소스 코드를 보는 것은 거의 모든 웹 브라우저에서 가능하며, 이는 Mac용 Safari에서도 동일하게 적용됩니다.
Mac용 Safari에서는 웹 페이지의 소스 코드를 볼 수 있습니다. 그러나 Chrome이나 Firefox처럼 작동하지 않습니다. Safari에서 페이지 소스를 보려면 먼저 브라우저에서 숨겨진 메뉴의 잠금을 해제해야 합니다.
다음은 해당 메뉴를 활성화한 다음 여러 방법을 사용하여 웹페이지 소스를 보는 방법입니다.
Mac용 Safari에서 웹페이지의 소스 코드 보기
1. Mac에서 Safari를 실행합니다.
2. Safari가 실행되면 상단의 "Safari" 메뉴를 클릭한 다음 "Preferences..."를 클릭합니다.
3. 기본 설정 패널이 열리면 "고급" 탭을 클릭합니다. 맨 위에 있는 메뉴의 마지막 항목이어야 합니다.
4. 고급 탭에서 "메뉴 막대에 개발 메뉴 표시"라는 옵션이 표시되어야 합니다.
옵션 상자에 체크 표시를 하면 메뉴가 브라우저의 메뉴 표시줄에 즉시 추가됩니다.
이제 Mac의 Safari에서 개발 메뉴의 잠금이 해제되었습니다. 다음은 웹페이지의 소스 코드에 액세스하기 위해 제공하는 다양한 옵션을 사용하는 방법입니다.
1. 개발 메뉴 사용
Safari의 메뉴 막대에 이제 막 잠금 해제된 "개발"이라는 새로운 옵션이 표시되어야 합니다. 페이지 소스를 보려면 "개발" 메뉴를 클릭한 다음 "페이지 소스 표시"를 선택하십시오.
Safari는 웹페이지의 전체 소스 코드를 즉시 표시해야 합니다.
2. 키보드 단축키 사용
여러 웹페이지의 소스 코드에 액세스하려는 경우 메뉴 모음에서 옵션을 클릭하고 다른 옵션을 선택하는 것보다 훨씬 빠르기 때문에 키보드 단축키를 사용하는 것이 좋습니다.
Safari에서 웹페이지가 열려 있는 동안 'Option + Command + U' 키 조합을 누르면 Safari에서 웹페이지의 소스 코드를 볼 수 있습니다.
3. 오른쪽 클릭 메뉴 사용
Safari의 컨텍스트 메뉴에도 웹 페이지의 소스 코드를 볼 수 있는 옵션이 추가되었습니다. 액세스하려면 웹 페이지에 있는 동안 마우스 오른쪽 버튼을 클릭하고 "페이지 소스 표시" 옵션을 선택합니다.
결론
Safari가 기본 브라우저이고 다양한 웹 페이지 뒤에 있는 코드를 보는 데 관심이 있는 사람이라면 위의 가이드를 참조하면 즐겨 사용하는 브라우저를 종료하지 않고도 그렇게 할 수 있습니다.