Safari 아이콘

개발자용 메뉴에 관하여

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

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

개발자용 메뉴 옵션은 다음과 같습니다.

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

사용자 에이전트: 웹 서버가 웹 브라우저를 구별하는 방식을 변경할 수 있습니다. 이 옵션을 사용하면 Safari가 아닌 웹 브라우저를 사용하고 있다고 생각하도록 웹 서버를 “속여”, 서버가 다른 웹 브라우저에 대해 다른 컨텐츠를 제공하고 있는지 조사할 수 있습니다.

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

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

네트워크 타임라인 보기: 페이지의 서브리소스가 로드될 때 웹 속성의 타임라인이 열립니다. 웹 페이지 로드 속도가 얼마나 향상되었는지 조사할 경우 유용합니다.

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

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

이미지 비활성화: Safari가 이미지를 표시할 위치에 대체 컨텐츠를 표시하도록 합니다. 웹 페이지에 적절한 대체 컨텐츠가 있는 경우에는 유용합니다.

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

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

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

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

관련 주제

Safari용 웹 사이트 개발하기