이 자습서는 Windows 또는 Mac 운영 체제에서 Opera 브라우저를 실행하는 사용자를위한 것입니다. 다른 브라우저에서 페이지 소스를 보려면, 모든 브라우저에서 웹 페이지의 소스 코드를 보는 방법 가이드를 참조하십시오.
자신의 사이트에서 발생한 문제를 디버깅하는 것에서부터 평범한 호기심에 이르기까지 웹 페이지의 소스 코드를보고 싶다면 여러 가지 이유가 있습니다. Opera 브라우저는 사용자의 동기가 무엇이든 쉽게이 작업을 수행 할 수있게합니다. 이 소스를 브라우저 탭에서 가장 기본적인 형태로 보거나 Opera의 통합 된 개발자 도구를 사용 하여 심화 학습을 할 수 있습니다 . 이 자습서에서는 두 가지 방법을 보여줍니다. 먼저 Opera 브라우저를 엽니 다.
Windows 사용자
브라우저 창의 왼쪽 상단 모서리에있는 Opera 메뉴 버튼을 클릭하십시오. 드롭 다운 메뉴가 나타나면 마우스 커서를 기타 도구 옵션 위로 가져갑니다. 하위 메뉴가 나타납니다. 이 옵션의 왼쪽에 확인 표시가 있도록 개발자 메뉴 표시를 클릭하십시오.
메인 오페라 메뉴로 돌아갑니다. 이제 개발자 라는 레이블이 붙은 추가 도구 바로 아래에 새로운 옵션이 나타납니다. 하위 메뉴가 나타날 때까지 마우스 커서를이 옵션 위로 가져갑니다. 다음으로 View page source를 클릭하십시오. 이제 활성 웹 페이지의 소스 코드가 새 브라우저 탭에 표시됩니다. 다음 키보드 바로 가기를 사용하여이 지점에 도달 할 수도 있습니다. CTRL + U
활성 페이지 및 해당 코드에 대한 자세한 내용을 보려면 개발자 하위 메뉴에서 개발자 도구 옵션을 선택하거나 다음 키보드 단축키를 사용하십시오 : Ctrl + Shift + I
Mac OS X 및 macOS Sierra 사용자
화면 상단의 Opera 메뉴에서 보기 를 클릭하십시오. 드롭 다운 메뉴가 나타나면 개발자 메뉴 표시를 선택하십시오. Developer 라는 라벨이 붙은 Opera 메뉴에 새로운 옵션이 추가되었습니다. 다음에이 옵션을 클릭하고 드롭 다운 메뉴가 나타나면 소스보기를 선택하십시오. 다음 키보드 단축키를 사용하여이 작업을 수행 할 수도 있습니다. Command + U
이제 새 탭이 표시되어 현재 페이지의 소스 코드를 보여줍니다. Opera의 dev 툴셋으로이 같은 페이지를 분석하려면, 화면 상단의 브라우저 메뉴에서 Developer 를 먼저 클릭하십시오. 드롭 다운 메뉴가 나타나면 개발자 도구 옵션을 선택하십시오.