PDF 다운로드PDF 다운로드X
이 글은 위키하우 편집팀과 전문 조사원이 공동 작성하였으며 정확성 검토가 완료 되었습니다.
위키하우 콘텐츠 관리팀은 작성된 모든 글이 위키하우 글 작성 규정을 준수하는지 꾸준히 검토합니다.
조회수 55,494회
이 위키하우 글을 읽고 널리 사용되는 브라우저의 웹사이트 뒤에 숨겨진 코드(예: HTML, CSS, JavaScript)인 소스 코드를 볼 수 있는 방법을 알아보자. 사파리에서 실행할 수 있는 수법을 시행하지 않으면, 모바일 브라우저에서는 웹사이트의 소스 코드를 살펴볼 수 없다.
단계
브라우저 열기. 크롬, 파이어폭스, 마이크로소프트 에지, 인터넷 익스플로러에서 동일하게 사용할 수 있는 방법이다.
웹사이트 열기. 소스 코드를 살펴보고자 하는 페이지로 이동한다.
페이지 오른쪽 클릭하기. 하나의 버튼만 있는 맥 컴퓨터를 사용할 경우, Control를 누른 상태에서 클릭하면 드롭다운 메뉴가 나타난다.- 페이지 오른쪽 클릭을 할 때 링크나 사진에 오른쪽 클릭을 하면 잘못된 메뉴가 나타날 수 있다.
페이지 소스 보기 혹은 소스 보기 클릭하기. 이렇게 하면 새로운 창으로 혹은 현재 창 하단에 소스 코드가 나타난다.- 크롬과 파이어폭스일 경우 페이지 소스 보기가 나타나며, 마이크로소프트 에지나 인터넷 익스플로러의 경우 소스 보기 메뉴가 나타난다.
- Ctrl+U (PC) 혹은 ⌥ Option+⌘ Command+U (Mac)을 눌러서 소스 코드를 보는 방법도 있다.
광고
사파리 열기. 파란색의 나침반 모양의 앱이다.
사파리 클릭하기. 맥의 메뉴 바 좌측 상단 면에 있는 사파리를 클릭하면 드롭다운 메뉴가 나타난다.
환경 설정 클릭하기. 드롭다운 메뉴 중앙에 있는 옵션이다.
고급 탭 클릭하기. 설정 창의 우측 상단 코너에서 찾아볼 수 있다.
"메뉴 막대에서 개발자용 메뉴 보기" 박스에 체크하기. 설정 창 하단 부근에 있는 옵션으로, 맥의 메뉴 바에 나타난 개발자용 메뉴를 확인할 수 있다.
웹 페이지로 이동하기. 소스 코드를 보고 싶은 페이지로 이동한다.
개발자용 클릭하기. 맥의 메뉴 바의 창 메뉴 좌측에 있는 메뉴이다.
페이지 소스 보기 클릭하기. 드롭다운 메뉴 하단 부근에 있으며, 클릭하면 사파리에서 웹 페이지의 소스 코드를 확인할 수 있다.- 혹은 ⌥ Option+⌘ Command+U를 눌러서 소스 코드를 살펴보는 방법도 있다.
광고
팁
- 모바일 브라우저에서 소스 코드를 볼 수는 없지만, 아이폰이나 아이패드에서 사파리 북마크를 저장하면 모바일 사파리 소스 코드를 볼 수 있다.
광고
경고
- 웹사이트 소스 코드 확인 기능을 표명하는 제3자 프로그램은 주의해서 다운로드하는 것이 좋다.
광고
이 글이 도움이 되었나요?
⚠️ Disclaimer:
Content from Wiki How 한국어 language website. Text is available under the Creative Commons Attribution-Share Alike License; additional terms may apply.
Wiki How does not encourage the violation of any laws, and cannot be responsible for any violations of such laws, should you link to this domain, or use, reproduce, or republish the information contained herein.
- - A few of these subjects are frequently censored by educational, governmental, corporate, parental and other filtering schemes.
- - Some articles may contain names, images, artworks or descriptions of events that some cultures restrict access to
- - Please note: Wiki How does not give you opinion about the law, or advice about medical. If you need specific advice (for example, medical, legal, financial or risk management), please seek a professional who is licensed or knowledgeable in that area.
- - Readers should not judge the importance of topics based on their coverage on Wiki How, nor think a topic is important just because it is the subject of a Wiki article.
광고
