홈
인덱스

# 개발자용 메뉴

개발자용 메뉴는 Safari 및 Mac OS X용 웹 사이트를 제작하는 웹 개발자들을 위한 도구를 제공합니다.

참고: 개발자용 메뉴가 메뉴 막대에 없다면, Safari 환경설정을 열고, 고급을 클릭한 다음 “메뉴 막대에서 개발자용 메뉴 보기”를 선택합니다.

옵션
설명

다음으로 페이지 열기

컴퓨터의 다른 웹 브라우저를 사용하여 표시된 웹 페이지를 엽니다. 컴퓨터의 모든 웹 브라우저가 부메뉴에 나열됩니다.

사용자 에이전트

웹 서버가 웹 브라우저를 구별하는 방식을 변경할 수 있습니다. 이 옵션을 사용하면 다른 브라우저, 운영 체제 또는 다른 Safari 버전을 사용하고 있다고 생각하도록 웹 서버를 “속여”, 서버가 다양한 조건 하에 다른 콘텐츠를 제공하고 있는지 조사할 수 있습니다.

웹 속성 보기

웹 속성을 엽니다. 웹 속성은 문서, 스타일 시트 및 스크립트와 같은 웹 페이지에서 볼 수 있는 리소스를 나열합니다. 페이지의 소스 코드, CSS(Cascading Style Sheet) 정보, DOM 트리, 비주얼 DOM 메트릭스 및 DOM 특성을 보거나 검색할 수 있습니다. 또한 웹 속성은 오류 콘솔과 네트워크 타임라인을 포함합니다.

오류 콘솔 보기

웹 속성의 오류 콘솔을 열면 HTML 및 XML 구문 오류와 경고를 표시합니다. 오류 콘솔은 console.log, console.error, console.warn, console.assert 및 console.info의 JavaScript 오류 및 기타 메시지를 표시하기도 합니다.

스니펫 편집기 보기

전체 웹 페이지를 열지 않고 작은 HTML 부분을 신속하게 테스트하는데 사용할 수 있는 윈도우를 엽니다.

확장 프로그램 빌더 보기

생성한 확장 프로그램에 대한 메타데이터를 제작하고 제공하는 개발자용 도구인 확장 프로그램 빌더를 엽니다.

JavaScript 디버깅 시작

웹 속성을 열고 스크립트 디버깅을 켭니다.

JavaScript 프로파일링 시작

현재 웹 페이지에서 실행되는 모든 JavaScript 스크립트의 프로파일을 기록하기 시작합니다. 기록된 프로파일을 보려면 JavaScript 프로파일링 중단을 클릭합니다.

캐시 비활성화

Safari가 캐시된 복사본을 사용하지 않고 서브 리소스에 접근할 때마다 웹 서버에서 서브 리소스를 검색하도록 합니다.

이미지 비활성화

이미지 대신 대체 이미지 내용을 표시하도록 합니다. 웹 페이지에 적절한 대체 콘텐츠가 있는 경우에는 유용합니다. Safari의 모양새 환경설정 패널에서 “페이지를 열 때 이미지 표시”를 선택 해제하면 동일한 효과가 나타납니다.

스타일 비활성화

Safari가 모든 CSS(Cascading Style Sheet) 스타일을 무시하도록 합니다. 웹 사이트에 페이지 레이아웃 문제가 있는지 조사할 때 유용합니다. Safari 환경설정의 고급 패널에서 설정한 스타일 시트가 있는 경우, 계속 사용됩니다.

JavaScript 비활성화

Safari가 모든 JavaScript를 무시하게 됩니다. 웹 사이트 동작에 문제가 있는지 조사하거나 JavaScript를 지원하지 않거나 JavaScript 비활성화된 웹 브라우저에서 웹 사이트 동작 방법을 테스트할 경우 유용합니다. Safari 환경설정의 보안 패널에서 JavaScript를 켜거나 끌 수도 있습니다.

Runaway JavaScript Timer 비활성화

Runaway JavaScript Timer는 매우 느린 스크립트 실행을 중단하는데 사용되어 Safari를 컨트롤할 수 있습니다. 비활성화는 일부 자동화 테스트에서 유용합니다.

특정 사이트 핵(Hack) 비활성화

일부 버전의 Safari는 Apple 엔지니어가 더 나은 장기적인 해결책을 찾도록 노력하는 동안 특정 웹 페이지가 정상적으로 동작하도록 하는 특정 코드를 포함합니다. 이 옵션은 특정 코드를 꺼서 장기적인 해결책을 테스트할 수 있습니다.

### 관련 주제

Safari용 웹 사이트 개발하기